B/S端界面控件DevExtreme ASP.NET MVC入门指南 - 调用方法

DevExtreme v21.2正式版下载

要调用方法，请使用 JavaScript API。 例如，您有一个 Popup 控件：

Razor C#

@(Html.DevExtreme().Popup()
.ID("popup")
)

Razor VB

@(Html.DevExtreme().Popup() _
.ID("popup")
)

该控件在调用其 show() 方法后出现在页面上，下面的代码演示了如何调用此方法。

JavaScript

$("#popup").dxPopup("show");

注意：要在 JavaScript 中访问客户端小部件实例，请将 dx 前缀添加到小部件名称中，例如 dxPopup。

您可以将提供的代码放在任何 JavaScript 结构中并执行它，例如，当用户单击按钮时……

Razor C#

@(Html.DevExtreme().Button()
.OnClick("showPopup")
)
<script>
function showPopup() {
$("#popup").dxPopup("show");
}
</script>

Razor VB

@(Html.DevExtreme().Button() _
.OnClick("showPopup")
)
<script>
function showPopup() {
$("#popup").dxPopup("show");
}
</script>

…或者一旦你的页面准备好了

<script>
$(showPopup);

function showPopup() {
$("#popup").dxPopup("show");
}
</script>

如果被调用的方法接受参数，则在方法名称之后传递它们。 例如，以下代码以 true 作为参数调用 Popup 控件的 toggle(showing) 方法。

$("#popup").dxPopup("toggle", true);

DevExtreme | 下载试用

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

---

DevExpress技术交流群6：600715373      欢迎一起进群讨论

更多DevExpress线上公开课、中文教程资讯请上中文网获取