ITPub博客

首页 > IT职业 > IT职场 > ASP.NET Aries :树型列表及自定义右键菜单

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

IT职场 作者:llittle 时间:2021-09-09 09:43:05 0 删除 编辑

前言:

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

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

图片描述

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

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

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菜单(数据区)

 图片描述

示例代码:

?

1234 var 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); }...

效果:

图片描述

总结:

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

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

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/813/viewspace-2806457/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    448
  • 访问量
    4360