DevExtreme v21.2最新版下載

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

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

Simple選項

要指定選項，請調(diào)用相應(yīng)的控制方法并傳遞選項的值。

Razor C#

Razor VB

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

Razor C#

Razor VB

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

Razor C#

Razor VB

new JS()表達式

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

Razor C#

Razor VB

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

一個常見的用例是 DataGrid 的，您應(yīng)該將主行鍵傳遞給內(nèi)部網(wǎng)格。

ID選項

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

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

局部視圖中的控件

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

Razor C#

Razor VB

Shared/_MyPartial.cshtml

Shared/_MyPartial.vbhtml

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

模板中的嵌套控件

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

Razor C#

Razor VB

List 控件綁定到以下數(shù)據(jù)源：

C#

VB

DevExtreme | 下載試用

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

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