ASP.NET Aries 入门开发教程7:DataGrid的行操作…
2018-06-22 07:40:47来源:未知 阅读 ()
前言:
抓紧勤奋,再接再励,预计共10篇来结束这个系列。
上一篇介绍:ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑
本篇介绍主键操作区相关内容。
1:什么时候有默认的编辑与删除?
只有开启行编辑(且有相应的权限时),才有默认的操作区,并出现编辑和删除图标。
var dg = new AR.DataGrid("Article", "Article", "grid");
dg.isEditor = true;
....
2:默认小图标都有哪些?
虽然JS默认只定义了这几个(edit、del、detail、save、cancel):
但是可以自已搞新图标来扩展自己的图标或事件的。
3:如何新增加图标和事件?
代码示例:
效果:
4:如何自定义小图标?
可以在页面定义:AR.Global.DG.PKTemplate.XXX=‘<a ...></a>’;
然后dg.PKColumn.add("xxx"...);调用
5:如何根据数据行的不同条件,决定图标的显示或隐藏?
示例代码:
var dg = new AR.DataGrid("Article", "Article", "grid"); dg.PKColumn.add("edit", "编辑", null, "userEidt.html", "编辑用户", "edit"); dg.PKColumn.add("del", "删除数据",null, null, null, "del"); dg.PKColumn.add("detail", "查看图片", "fn", null, null, "view"); //dg.PKColumn.onBeforeExecute = function (value, row, index, btnArray) { // btnArray[0].isHidden = index % 2 == 0; //} dg.PKColumn.onAfterExecute = function (value, row, index, $div) { if (index % 2 == 0) { this.Items[index]["edit"].css("visibility", "hidden"); } } dg.bind();
效果:
PS:知识补充:
1:PKColumn对象的事件,是对每一行起拦截作用。 2:如果在onbeforeExecute中对btnArray控制isHidden属性,会不加载图标(但没法控件占位符,格式会不好看) 3:因此选择在onAfterExecute中控件visability属性来隐藏图标。
总结:
本篇主要介绍主键操作的功能区内容。
下一篇介绍树型列表和右键菜单的自定义。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- asp.net源程序编译为dll文件并调用的实现过程 2020-03-29
- Asp.net MVC SignalR来做实时Web聊天实例代码 2020-03-29
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据 2020-03-29
- Asp.Net中WebForm的生命周期 2020-03-29
- ASP.NET使用Ajax返回Json对象的方法 2020-03-23
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash