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      歡迎一起進群討論