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

ASP.NET Aries :树型列表及自定义右键菜单

标签:
前端工具

前言:

前面几篇重点都在讲普通列表的相关操作。

本篇主要讲树型列表的操作。

框架在设计时,已经把树型列表和普通列表全面统一了操作,用法几乎是一致的。

下面介绍一些差距化的内容:

1:树型列表绑定:

复制代码

var tg = new AR.DataGrid('Demo_Area', null, "grid", true);        tg.options = {            idField: "code",            treeField: "name",            parentField: "pcode"            //pagination: true        }...td.bind();

复制代码

1:第4个参数:isTreeGrid参数设置为true。

2:指定树型的3个节点参数:主键:idField、名称字段:treeField、父级字段:parentField

3:字段注意小写(重复提示:框架为了兼容oracle,列头和数据的输出是转小写的

2:树型列表 - 右键菜单

默认树型列表的操作,是通过右键菜单体现的:

嗯,接下没没啥好介绍了,树型的就介绍到这里了,其它用法和普通列表几乎是一致的。

3:自定义右键菜单:Context菜单(数据区)

 

示例代码:

?

1234var tg = new AR.DataGrid('Demo_Area', null, "grid", true);        tg.ContextMenu.add("自定义右键菜单", "fn", "edit");function fn(el, gridID, value, index, isSameLevel) { alert(value); }...

效果:

4:自定义右键菜单:Header 菜单(列头区)

add方法的参数和Context的一样:

 var tg = new AR.DataGrid('Demo_Area', null, "grid", true);        tg.HeaderMenu.add("自定义配置", 'fn', 'config');       function fn(el, gridID) { alert(gridID); }...

效果:

总结:

终于,把列表相关的都写完了。

下一节,终于进入写表单表开发的内容了。

点击查看更多内容
TA 点赞

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

评论

作者其他优质文章

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

100积分直接送

付费专栏免费学

大额优惠券免费领

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

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

帮助反馈 APP下载

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

公众号

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

举报

0/150
提交
取消