彩票走势图

B/S端界面控件DevExtreme ASP.NET MVC入门级教程:调用方法

翻译|使用教程|编辑:龚雪|2022-04-13 10:55:40.563|阅读 115 次

概述:本文主要为大家介绍DDevExtreme ASP.NET MVC控件中是如何调用方法的,欢迎下载正式版体验!

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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企业定制服务

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP