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線上公開課、中文教程資訊請上中文網獲取