为了账号安全,请及时绑定邮箱和手机立即绑定

ASP.NET Aries :DataGrid的行操作

标签:
前端工具

前言:

抓紧勤奋,再接再励,预计共10篇来结束这个系列。

上一篇介绍:ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑

本篇介绍主键操作区相关内容。

1:什么时候有默认的编辑与删除?

只有开启行编辑(且有相应的权限时),才有默认的操作区,并出现编辑和删除图标。

?

123var 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:知识补充:

?

123451:PKColumn对象的事件,是对每一行起拦截作用。 2:如果在onbeforeExecute中对btnArray控制isHidden属性,会不加载图标(但没法控件占位符,格式会不好看) 3:因此选择在onAfterExecute中控件visability属性来隐藏图标。

总结:

本篇主要介绍主键操作的功能区内容。

下一篇介绍树型列表和右键菜单的自定义。

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消