B/S端界面控件DevExtreme ASP.NET MVC入門指南 - 指定選項（一）

複制下面連結擷取産品下載下傳

https://www.evget.com/product/3150/download

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

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

Simple選項

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

Razor C#

Razor VB

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

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

new JS()表達式

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

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

一個常見的用例是 DataGrid 的Master-Detail Display，您應該将主行鍵傳遞給内部網格。

ID選項

您應該指定 ID 選項來在運作時通路控件的JavaScript API。

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

局部視圖中的控件

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

Shared/_MyPartial.cshtml

Shared/_MyPartial.vbhtml

如果您使用寫死 ID，則多個局部視圖執行個體會呈現具有相同 ID 的控件。

模闆中的嵌套控件

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

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和下一代移動應用程式中使用。 該套件附帶功能齊全的資料網格、互動式圖表小部件、資料編輯器等。