开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 10352|回复: 0

【ASP.NET控件使用教程】Grid- 自定义运行时编辑表单布局

[复制链接]

0

精华

8

贡献

1753

赞扬

特约版主

帖子
583
软币
4514
在线时间
274 小时
注册时间
2019-2-21
发表于 2020-5-12 10:22:51 | 显示全部楼层 |阅读模式

下载DevExpress v19.2完整版     DevExpress v19.2汉化资源获取

DevExpress ASP.NET Core Controls使用强大的混合方法,结合现代企业Web开发工具所期望的所有功能。该套件通过ASP.NET Razor标记和服务器端ASP.NET Core Web API的生产力和简便性,提供客户端JavaScript的性能和灵活性。

在v19.2中,技术团队针对ASP.NET WebForms and MVC平台的ASP.NET GridView和CardView控件进行了重大改进。

使用预定义或自定义Edit Form时,通常需要即时更改布局。例如,您可能需要根据用户操作、用户权限或需要编辑的行的值(或状态)显示/隐藏特定项目或项目组。 尽管存在现有的CellEditorInitialize事件,但它不提供对Edit Form布局项目的访问。

为解决此问题,技术团队基于服务器或客户端上的各种条件实现了Edit Form布局项(例如编辑器,按钮,布局组)的运行时自定义。例如,这是GridView的Edit Form,用于控制客户端'Dismissal Information'组标签的可见性。当用户输入'Dismissal Date'的值时,将显示该标签,否则空白值将隐藏该标签。

要访问布局项并在服务器端更改其设置,请使用新的EditFormLayoutCreated事件。

[C#] 纯文本查看 复制代码
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事件使您有机会为不同的行创建不同的布局,您可以自定义新布局项目或现有布局项目的设置,还可以删除、创建、重新排列组项目以及管理行和列跨度等。

以下客户端方法提供对客户端上布局项目的访问:

  • GetEditFormLayout –返回内置的Edit Form Layout控件的客户端实例。
  • GetEditFormLayoutItemByColumn - 返回与指定列相关的布局项目。
  • GetEditFormLayoutItemOrGroup –从名称返回项目或组。

以下示例演示了如何切换项目的可见性:

[C#] 纯文本查看 复制代码
function onShowHideInfoClick(s, e) {
var contactLayoutGroup = clientGrid.GetEditFormLayoutItemOrGroup("groupContactInfo");
contactLayoutGroup.SetVisible(!contactLayoutGroup.GetVisible());
}

您可以使用类似的方法来控制项目组,包括标签组。

CardView

CardView控件中还提供新的功能,我们使用两种方法(FindLayoutItemByColumn和FindLayoutItemOrGroup)填充了CardLayoutCreated事件的参数,这两个方法可让您查找布局项目,而IsEditingCard选项则指示是否正在编辑当前card。

在客户端上,CardView控件提供与GridView相同的API来管理布局项。

  • GetEditFormLayout – 返回内置的Edit Form Layout控件的客户端实例。
  • GetEditFormLayoutItemByColumn - 返回与指定列相关的布局项目。
  • GetEditFormLayoutItemOrGroup – 从名称返回项目或组。

DevExpress 中文网实时更新第一手产品资讯,欢迎关注~

DevExpress技术交流群:775869749      欢迎一起进群讨论


回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2022-5-24 17:55

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表