首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关闭bootstrap js对话框,无需onclick on wpf

在WPF中关闭Bootstrap JS对话框,无需使用onclick。WPF(Windows Presentation Foundation)是一种用于创建Windows桌面应用程序的技术。Bootstrap是一种流行的前端开发框架,用于构建响应式和移动优先的网站。

要关闭Bootstrap JS对话框,可以使用以下步骤:

  1. 在WPF应用程序中,确保已经引用了Bootstrap的相关CSS和JS文件。可以通过在XAML文件中添加WebBrowser控件来加载网页内容。
  2. 在XAML文件中,添加一个WebBrowser控件,用于显示网页内容。例如:
代码语言:xml
复制
<WebBrowser x:Name="webBrowser" />
  1. 在代码中,使用WebBrowser控件的Navigate方法加载Bootstrap对话框的网页内容。例如:
代码语言:csharp
复制
webBrowser.Navigate(new Uri("https://example.com/bootstrap-dialog.html"));
  1. 要关闭对话框,可以通过执行JavaScript代码来调用Bootstrap的相关函数。可以使用WebBrowser控件的InvokeScript方法来执行JavaScript代码。例如:
代码语言:csharp
复制
webBrowser.InvokeScript("bootstrapDialogClose");

在上面的代码中,"bootstrapDialogClose"是一个自定义的JavaScript函数,用于关闭Bootstrap对话框。你可以根据实际情况修改这个函数的名称。

需要注意的是,为了能够执行JavaScript代码,需要确保在加载网页内容之前,WebBrowser控件已经完成了初始化。可以在窗口加载完成事件中执行上述代码。例如:

代码语言:csharp
复制
private void Window_Loaded(object sender, RoutedEventArgs e)
{
    webBrowser.Navigate(new Uri("https://example.com/bootstrap-dialog.html"));
}

private void CloseBootstrapDialog()
{
    webBrowser.InvokeScript("bootstrapDialogClose");
}

这样,当窗口加载完成时,会自动加载Bootstrap对话框的网页内容,并且可以通过调用CloseBootstrapDialog方法来关闭对话框。

关于WPF和Bootstrap的更多信息,你可以参考以下链接:

请注意,以上答案仅供参考,具体实现方式可能因实际情况而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • java学习与应用(4.2)--JavaScript、bootstrap

    事件:某些组件执行后触发执行的代码,标签上添加事件onclick属性点击执行js(也可以在js中获取标签对象,然后添加onclick事件)。...方法:alert警告对话框,confirm确认取消对话框,prompt对话框。open打开浏览器窗口(可传入url等),close关闭浏览器窗口(默认关闭本窗口,传入其他窗口对象关闭指定窗口)。...单击onclick,双击ondbclick,onblur失去焦点,onfocus获取焦点,onload加载事件,onmouse的事件,onkey的事件,另外还有onchange,onselect的文本事件...,onsubmit,onreset的表单事件 BootStrap bootstrap前端框架(CSS和JS插件)。...最终引入bootstrap.min.css,jquery-3.2.1.min.jsbootstrap.min.js。 响应式布局:依赖于栅格系统(一行分12格,指定元素占格)。

    2.2K10

    教你使用HTML5原生对话框元素,轻松创建模态框组件

    以前,如果我们想要构建任何形式的模式对话框对话框,我们需要有一个背景,一个关闭按钮,将事件绑定在对话框中的方式安排我们的标记,找到一种将消息传递出去的方式对话......这真的很复杂。...对话框元素解决了上述所有问题。 一、Bootstrap模态框和原生模态框的对比 下面是一个bootstrap模态框的html结构: dialog元素的.show()和.close()两个api分别是显示和关闭对话框,通过在DOM元素上使用这两个api,您可以显示和关闭对话框。 例如: <!...关闭对话框后,close会触发一个事件。另外,用户可以通过输入“Escape”键来关闭模式对话框。这将激发cancel您可以取消使用的事件event.preventDefault()。  ...表单提交后,它会关闭对话框并设置dialog.returnValue到value已使用的提交按钮。 此外,您可以使用该autofocus属性在弹出对话框时自动将焦点对准对话框内的窗体控件。

    4.9K10

    python测试开发django-155.bootbox使用(alertconfirmpromptdialog)

    如果您愿意,Bootstrap当前还会在预编译版本中包含bootstrap.bundle.min.js文件,该文件将Popper.jsbootstrap.js源文件结合在一起。...="/static/bootstarp/js/bootstrap.min.js"> <!...如果用户取消或关闭对话框,则输入的值将为null;否则,将传递文本输入的值。 bootbox.prompt("What is your name?"...如果这样做,它将被忽略 onEscape 类型: Boolean | Function 允许用户点击来关闭对话框ESC,这将调用此功能。 show 类型: Boolean 是否应立即显示对话框。...closeButton 类型: Boolean 对话框是否应具有关闭按钮(x) 或不。 默认: true animate 类型: Boolean 对对话框进行动画处理(需要支持CSS动画的浏览器)。

    3K20

    基于Metronic的Bootstrap开发框架经验总结(6)--对话框及提示框的处理和优化

    在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验,Bootstrap开发也一样,我们往往在页面新增、编辑、查看详细等界面使用弹出对话框层的方式进行显示数据...1、Bootstrap对话框的使用 常规的Bootstrap有几种尺寸的对话框,包括默认状态的小对话框,中等宽度的对话框,和全尺寸的对话框几种,Bootstrap对话框界面非常友好, 当我们使用ESC...打开对话框界面如下所示: //显示可以选择客户 $("#btnSelectCustomer").show(); 关闭对话框界面如下所示: $("#add").modal("hide"); 一般情况下,我们弹出的对话框就是一个表单...Bootbox.js是一个小的JavaScript库,它帮助您在使用bootstrap框架的时候快速的创建一个对话框,也可以帮您创建,管理或删除任何所需的DOM元素或js事件处理程序。...插件地址是:http://codeseven.github.io/toastr/ 它可以分别创建如下几种效果:警告、危险、成功、提示的对话框信息,效果如下所示。 ? 它的使用JS代码如下所示。

    5.2K50

    js中setTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法

    先来看看两者JS手册及英文词典上的解释: JS手册»setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式; 英文释义»timeout() : 超时;暂时休息;工间休息; JS手册...会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭; 英文释义»interval() : 间隔;间距;幕间休息; 不难看出, 只要我们仔细体会JS手册及命名释义, 就能很容易的区分开两者的区别...OK 及取消按钮的对话框。...在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。...提示和注释 提示:对话框按钮的文字是不可改变的,因此请小心地编写问题或消息,使它适合用确认和取消来回答。

    3.1K10

    Bootstrap3.Collapse.Expandable Table

    关于Collapse状态按钮图标 注意 以前写过一篇 collapse 的简单应用: Bootstrap.Collapse 这次还用到了 Expandable Table 和 Glyphicons...图标 Bootstrap 3 甚至是 mini ver 都包含了以下插件相关的 js 用例 (html 代码,防止被解析请清除 start tag 里面的空格) < tr data-toggle=...,展开后为减号,未展开为加号 设置其class="glyphicon glyphicon-plus-sign"即可前端添加一个加号按钮 建议放到一个空的 span 当中 当点击的时候可以调用以下这段 js...则在可以在点击后改变按钮 注意 过渡效果的 transition.js 未被引用或者浏览器不支持的时候,点击按钮后会立刻执行 onclick 让按钮改变,而 collapse 效果一段时间过渡,onclick...o ),这时候只需要关闭过渡效果即可 $( document ).ready(function() { // 关闭过渡效果 // $.support.transition = false;

    90130
    领券