翻譯|使用教程|編輯:龔雪|2022-03-24 11:41:45.460|閱讀 245 次
概述:本文主要為大家介紹強類型輔助方法是如何幫助設置DevExtreme控件的,歡迎下載正式版體驗!
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
強類型輔助方法可幫助您設置DevExtreme控件,它們允許在編譯時查看代碼驗證、提供完整的 IntelliSense 支持、添加基于數據注釋的客戶端驗證,并支持顯示屬性。
您可以使用兩種 DevExtreme 強類型輔助方法:
這些方法將控件綁定到由 lambda 表達式指定的模型屬性,這種方法允許您在不使用字符串常量的情況下配置控件。
注意:要將控件綁定到模型屬性,請在 @model 指令 (Razor C#) 或 @ModelType 指令 (Razor VB) 中指定模型。
下面的示例演示了創建 DateBox 控件并將其綁定到 OrderViewModel 模型的 OrderDate 屬性的 DateBoxFor 方法。
Razor C#
Razor VB
ControlFor 方法可用于具有自己模型的局部視圖。 下面的示例演示了使用 DevExtreme 強類型輔助方法(DateBoxFor、TextBoxFor)以及內置輔助方法(LabelFor?、ValidationMessageFor?)的局部視圖。
_MyPartial.cshtml
_MyPartial.vbhtml
注意:要將控件綁定到模型,請在輔助方法中將模型指定為類型參數。 該控件將表示來自該模型的數據,而不是來自當前視圖的模型的數據。
下面的示例代碼將強類型的 DataGrid 添加到 OrderViewModel 類型,AddFor() 方法配置網格列,此方法將列綁定到由 lambda 表達式指定的模型屬性。
Razor C#
Razor VB
使用強類型輔助方法配置的控件支持以下內置 ASP.NET Core 顯示屬性:
您可以使用這些屬性替代API 方法來配置控制選項,例如以下代碼演示了如何使用 API 方法來配置 Form 控件的 FullName 數據字段(其標簽、描述和占位符):
模型
C#
VB
Razor C#
Razor VB
作為替代方案,您可以使用顯示屬性來配置相同的控制選項。 下面的代碼演示了如何將 [Display] 屬性附加到 Person 模型的 FullName 屬性,當您將 Form 控件綁定到 Person 模型時,將應用該屬性。
模型
C#
VB
Razor C#
Razor VB
下圖顯示了結果:
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現代Web開發堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。從Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和響應式UI小部件集合,可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。
DevExpress技術交流群5:742234706 歡迎一起進群討論
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都網