DevExtreme v21.2最新版下載

您可以在 Razor 語法中使用方法鏡像客戶端小部件選項，請注意下表中說明的字符大小寫差異：

Fluent API 語法允許您鏈接方法調用，在 Visual Studio 中，IntelliSense 提供可用的方法名稱、它們的接受值和簡短描述。

Simple選項

要指定選項，請調用相應的控制方法并傳遞選項的值。

Razor C#

Razor VB

您還可以使用 Option 方法接受選項名稱和值作為參數來指定控制選項。

Razor C#

Razor VB

要指定接受一組預定義值的選項，請使用 .NET 枚舉。

Razor C#

Razor VB

new JS()表達式

new JS()表單時允許您將JavaScript表達式嵌入到Razor 語法中，因此可以根據客戶端設置進行控制。例如您可以將JavaScript變量或表達式分配給控件的選項，以下代碼定義了一個名為 myText 的 JavaScript 變量，然后將其值分配給 Button 的 Text 選項：

Razor C#

Razor VB

當您在模板中嵌套控件并且控件配置應取決于模板參數時，必須使用 new JS()。

一個常見的用例是 DataGrid 的，您應該將主行鍵傳遞給內部網格。

ID選項

您應該指定 ID 選項來在運行時訪問控件的JavaScript API。

ID選項的值應該滿足基本的 HTML5 要求，確保指定的值是唯一的，尤其是當頁面使用部分視圖或模板中的控件時。

局部視圖中的控件

Razor 文件可以包含具有 DevExtreme 控件的同一局部視圖的多個實例。 在這種情況下，請確保呈現控件的 ID 屬性是唯一的，要指定唯一 ID，請使用model 屬性。

Razor C#

Razor VB

Shared/_MyPartial.cshtml

Shared/_MyPartial.vbhtml

如果您使用硬編碼 ID，則多個局部視圖實例會呈現具有相同 ID 的控件。

模板中的嵌套控件

如果您為 ItemTemplate 或 CellTemplate 模板中使用的控件指定 ID 選項，請使用new JS() 表達式為此控件指定唯一 ID。

Razor C#

Razor VB

List 控件綁定到以下數據源：

C#

VB

DevExtreme | 下載試用

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應式UI小部件集合，可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

DevExpress技術交流群5：742234706      歡迎一起進群討論