在DevExpress ASP.NET控件v19.2版本中就針對ASP. NET WebForms和MVC平臺的ASP. NET GridView和CardView控件添加了一個(gè)主要增強(qiáng)功能。

DevExpress ASP.NET v23.1正式版下載

DevExpress技術(shù)交流群8：523159565      歡迎一起進(jìn)群討論

當(dāng)您使用預(yù)定義的或?自定義的編輯表單時(shí)，經(jīng)常需要動態(tài)地更改布局。例如，您可能需要根據(jù)用戶操作、用戶權(quán)限或需要編輯行的值(或狀態(tài))顯示/隱藏特定的項(xiàng)或項(xiàng)組。雖然存在現(xiàn)有的CellEditorInitialize事件，但它不提供對編輯表單的布局項(xiàng)訪問。

為了解決這個(gè)問題，產(chǎn)品團(tuán)隊(duì)基于服務(wù)器或客戶端的各種條件實(shí)現(xiàn)了Edit Form布局項(xiàng)(如編輯器、按鈕、布局組)的運(yùn)行時(shí)自定義。例如，下面是GridView的編輯表單，控制客戶端'Dismissal Information' 組選項(xiàng)卡的可見性，當(dāng)用戶輸入 'Dismissal Date'的值時(shí)，顯示選項(xiàng)卡，否則一個(gè)空白值隱藏選項(xiàng)卡：

要訪問布局項(xiàng)并在服務(wù)器端更改其設(shè)置，請使用新的EditFormLayoutCreated事件。

protected void grid_EditFormLayoutCreated(object sender, DevExpress.Web.ASPxGridViewEditFormLayoutEventArgs e) {
ASPxGridView gridView = sender as ASPxGridView;
LayoutGroup layoutGroupDismissal = (LayoutGroup)e.FindLayoutItemOrGroup("DismissalInformation");

if(layoutGroupDismissal == null) return;

if(gridView.IsNewRowEditing) {
layoutGroupDismissal.Visible = false;
return;
}

var fireDate = gridView.GetRowValues(e.RowVisibleIndex, "FireDate");
layoutGroupDismissal.ClientVisible = fireDate != null && (DateTime)fireDate != DateTime.MinValue;
}

EditFormLayoutCreated事件使用戶有機(jī)會為不同的行創(chuàng)建不同布局，可以為新的布局項(xiàng)或現(xiàn)有的布局項(xiàng)定制設(shè)置，還可以刪除、創(chuàng)建、重新排列組項(xiàng)，以及管理行和列的跨度等。

下面的客戶端方法提供了對客戶端布局項(xiàng)的訪問：

• – 返回內(nèi)置Edit Form Layout控件的客戶端實(shí)例。
• - 返回與指定列相關(guān)的布局項(xiàng)。
• – 根據(jù)項(xiàng)或組的名稱返回項(xiàng)或組。

下面的例子演示了如何切換一個(gè)項(xiàng)目的可見性：

function onShowHideInfoClick(s, e) {
var contactLayoutGroup = clientGrid.GetEditFormLayoutItemOrGroup("groupContactInfo");
contactLayoutGroup.SetVisible(!contactLayoutGroup.GetVisible());
}

您可以使用類似的方法來控制項(xiàng)目組，包括選項(xiàng)卡組。

CardView

新的功能也可以在CardView控件中使用，我們使用兩個(gè)方法(和)填充事件的參數(shù)，它們允許您查找布局項(xiàng)，以及指示當(dāng)前卡片是否正在編輯的IsEditingCard 選項(xiàng)。

在客戶端，CardView控件提供了與GridView相同的API來管理布局項(xiàng)。

• – 返回內(nèi)置Edit Form Layout控件的客戶端實(shí)例。
• - 返回與指定列相關(guān)的布局項(xiàng)。
• – 根據(jù)項(xiàng)或組的名稱返回項(xiàng)或組。