強類型輔助方法可幫助您設(shè)置DevExtreme控件，它們允許在編譯時查看代碼驗證、提供完整的 IntelliSense 支持、添加基于數(shù)據(jù)注釋的客戶端驗證，并支持顯示屬性。

DevExtreme v21.2正式版下載

您可以使用兩種 DevExtreme 強類型輔助方法：

• ControlFor - 帶有 For 后綴的方法（CalendarFor、DateBoxFor 等）用于配置獨立編輯器，這些方法類似于內(nèi)置的 ASP.NET MVC 強類型輔助方法，如 。

這些方法將控件綁定到由 lambda 表達式指定的模型屬性，這種方法允許您在不使用字符串常量的情況下配置控件。

注意：要將控件綁定到模型屬性，請在 @model 指令 (Razor C#) 或 @ModelType 指令 (Razor VB) 中指定模型。

下面的示例演示了創(chuàng)建 DateBox 控件并將其綁定到 OrderViewModel 模型的 OrderDate 屬性的 DateBoxFor 方法。

Razor C#

Razor VB

ControlFor 方法可用于具有自己模型的局部視圖。 下面的示例演示了使用 DevExtreme 強類型輔助方法（DateBoxFor、TextBoxFor）以及內(nèi)置輔助方法（LabelFor?、ValidationMessageFor?）的局部視圖。

_MyPartial.cshtml

_MyPartial.vbhtml

• Control<T> - 用于配置具有可綁定項的控件：
  • DataGrid (columns and summaries)
  • TreeList (columns)
  • PivotGrid (fields)
  • Form (items)

注意：要將控件綁定到模型，請在輔助方法中將模型指定為類型參數(shù)。 該控件將表示來自該模型的數(shù)據(jù)，而不是來自當(dāng)前視圖的模型的數(shù)據(jù)。

下面的示例代碼將強類型的 DataGrid 添加到 OrderViewModel 類型，AddFor() 方法配置網(wǎng)格列，此方法將列綁定到由 lambda 表達式指定的模型屬性。

Razor C#

Razor VB

顯示屬性

使用強類型輔助方法配置的控件支持以下內(nèi)置 ASP.NET Core 顯示屬性：

您可以使用這些屬性替代API 方法來配置控制選項，例如以下代碼演示了如何使用 API 方法來配置 Form 控件的 FullName 數(shù)據(jù)字段（其標(biāo)簽、描述和占位符）：

模型

C#

VB

Razor C#

Razor VB

作為替代方案，您可以使用顯示屬性來配置相同的控制選項。 下面的代碼演示了如何將 [Display] 屬性附加到 Person 模型的 FullName 屬性，當(dāng)您將 Form 控件綁定到 Person 模型時，將應(yīng)用該屬性。

模型

C#

VB

Razor C#

Razor VB

下圖顯示了結(jié)果：

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