没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
TreeGrid 开发手册
1. XML 说明
1.1 TreeGrid 配置 MetaXml 格式
var metaXml = new ActiveXObject("Microsoft.XMLDOM");
var rootElement = metaXml.createElement("TreeGrid")
metaXml.appendChild(rootElement);
var tbElement = metaXml.createElement("TableMeta")
//初始化设置
rootElement.appendChild(tbElement);
//数据库表名
tbElement.setAttribute('tableName','CM_DEPART');
//主键
tbElement.setAttribute('id','DEPT_NO');
//父字段名称
tbElement.setAttribute('parentId','PARENT_DEPT_NO');
//父字段的值
tbElement.setAttribute('parentIdValue','0');
//数据的排序字段名
tbElement.setAttribute('orderBy','SEQ_NUM');
//数据的查询条件
tbElement.setAttribute('where','');
//展开第几层 默认为0,只显示根节点 -1为全部展开
tbElement.setAttribute('expandLevel','0');
//加载到几层,-1为全部加载 受展开第几层影响,要是比值比展开到几层小就自动设为展开第几层的值,没设默认为0层只加载根
节点
tbElement.setAttribute('loadLevel','-1');
//得到源数据XML的路径,扩展用
tbElement.setAttribute('loadXmlPath','treeDataXml.jsp');
//图片路径
tbElement.setAttribute('imagePath','/super/app/TreeGrid/images/');
//展开的图片名称
tbElement.setAttribute('expandImage','folder.gif');
//关闭的图片路径
tbElement.setAttribute('closeImage','folder1.gif');
//是否显示表头 默认显示(true)
tbElement.setAttribute('isDisplayHead','true');
//是否画节点连线 默认显示(true)
tbElement.setAttribute('isLine','true');
//是否生成边框线 默认不生成(为空)
tbElement.setAttribute('tdBorder','1px solid #eeeeee');
//层的背景色levelBackgroundColor + 0(层)
tbElement.setAttribute('levelBackgroundColor0','#0000FF');
//列的设置
var fieldElement = metaXml.createElement("Field");
tbElement.appendChild(fieldElement);
//字段的页面显示宽度
fieldElement.setAttribute('width','300');
//字段的页面显示居中方式
fieldElement.setAttribute('align','left');
//字段的中文名称
fieldElement.setAttribute('cName','编 号');
//字段数据库的名称
fieldElement.setAttribute('eName','DEPT_CODE');
//是否显示 默认不隐藏(false)
fieldElement.setAttribute('isHide','false');
//是否是树 默认不是(false)
fieldElement.setAttribute('isTree','true');
//是否拖动 默认是(true)
fieldElement.setAttribute('isDrag','true');
//字段自定义内容
fieldElement.setAttribute('innerHTML',"<input id='cb_select' type='checkbox' style='height:
16px;' onClick=''>");
//是否解析 默认是(true)
fieldElement.setAttribute('isParse','true');
//设置树的mataXMl
TreeGrid_setTGMetaXml(metaXml);
1.2 TreeGrid Dataxml 格式
<?xml version="1.0"?>
<TreeGrid>
<R_283 DEPT_CODE="Dec" DEPT_NAME="Dec" SEQ_NUM="11" hasChildNodes="N"/>
<R_1 DEPT_CODE="HZCJ" DEPT_NAME=" 杭 州 城 市 基 础 建 设 发 展 中 心 " SEQ_NUM="100"
hasChildNodes="Y">
<R_4 DEPT_CODE="01" DEPT_NAME="领导" SEQ_NUM="100" hasChildNodes="Y">
<R_262 DEPT_CODE="1" DEPT_NAME="1" SEQ_NUM="0" hasChildNodes="N"/>
</R_4>
<R_202 DEPT_CODE="02" DEPT_NAME="办公室" SEQ_NUM="200" hasChildNodes="Y">
<R_263 DEPT_CODE="02_1" DEPT_NAME="pip01" SEQ_NUM="2" hasChildNodes="N"/>
</R_202>
<R_250 DEPT_CODE="03" DEPT_NAME="财务处" SEQ_NUM="300" hasChildNodes="N"/>
<R_251 DEPT_CODE="04" DEPT_NAME="计划经营处" SEQ_NUM="400" hasChildNodes="N"/>
<R_252 DEPT_CODE="05" DEPT_NAME="总师办" SEQ_NUM="500" hasChildNodes="N"/>
<R_253 DEPT_CODE="06" DEPT_NAME=" 工 程 建 设 管 理 一 处 " SEQ_NUM="600"
hasChildNodes="N"/>
<R_254 DEPT_CODE="07" DEPT_NAME=" 工 程 建 设 管 理 二 处 " SEQ_NUM="700"
hasChildNodes="N"/>
<R_255 DEPT_CODE="08" DEPT_NAME=" 房 屋 建 设 管 理 处 " SEQ_NUM="800"
hasChildNodes="N"/>
<R_256 DEPT_CODE="09" DEPT_NAME=" 工 程 建 设 管 理 三 处 " SEQ_NUM="900"
hasChildNodes="N"/>
<R_257 DEPT_CODE="10" DEPT_NAME=" 大 桥 建 设 管 理 处 " SEQ_NUM="1000"
hasChildNodes="N"/>
<R_258 DEPT_CODE="11" DEPT_NAME="监理单位" SEQ_NUM="1100" hasChildNodes="N" />
</R_1>
</TreeGrid>
注意:XML 节点名称一定要以 R_开头,并不能重复,多表则在 R_后面在加可以区分数据的字符
节点属性除了数据字段以外还必须有固定属性 hasChildNodes :表示该节点是否包含子节点,主要是源 XML
不是全部加载的情况使用 还可以有 expandImage 和 closeImage 表示当前节点的展天节点的图片和关闭节点的图
片
2. 常用 API 说明
2.1 TreeGrid_IsNull(Object)
功能:判断对象是否为 null
类:TreeGrid
方法: TreeGrid_IsNull(pram)
参数: pram 对象
返回值: Boolean true=not null/false=null
示例: 判断 name 是否为 null
If(TreeGrid_IsNull(name)){}
2.2 TreeGrid_IsNullStr(string)
功能:判断字符串是否为空
类:TreeGrid
方法: TreeGrid_IsNullStr(pram)
参数: pram 字符串
返回值: Boolean true=not null/false=null
示例:判断 name 是否为空
Var name=’’;
If(TreeGrid_ IsNullStr(name)){}
2.3 TreeGrid_Load()
功能:TreeGird 初始化,得到源数据(生成 TrggGrid)
类:TreeGrid
方法: TreeGrid_Load()
参数: 无
返回值: 无
示例:加载 TreeGrid
<body onload="TreeGrid_Load()">
2.4 TreeGrid_GetFiledInfo(Object)
功能:把 xml 节点生成 TGNode(对象/HTML)
类:TreeGrid
方法: TreeGrid_GetFiledInfo(node)
参数: node 将要生成 TGNode 的一个 XML 节点
返回值: Object 包含 TGNode 节点的 DIV 对象
示例:
2.5 TreeGrid_IsExpand (Object)
功能:得到当前节点状态
类:TreeGrid
方法: TreeGrid_ IsNullStr (TGNode)
参数: TGNode 当前页面的一行记录(table 对象)
返回值: number 0=没有子节点;1=展开;2=关闭
示例:
Var stats = TreeGrid_IsNullStr(TGNode);
If(stats == 0{//没有子节}
Else if(stats == 1){// 展开}
Else if(stats == 2){// 关闭}
2.6 TreeGrid_GetNodeId (Object)
功能:根据对象节点得到数据对应的 ID
类:TreeGrid
方法: TreeGrid_GetNodeId(Node| TGNode)
参数: TGNode 当前页面的一行记录(table 对象)|node 源 dataXml 中的节点记录
返回值: String
示例:
2.7 TreeGrid_ExpandNodeState (Object)
功能:设打开节点的的样式(包含换线/换图片/调用外部事件)
类:TreeGrid
方法: TreeGrid_ExpandNodeState(TGNode)
参数: TGNode 当前页面的一行记录(table 对象)
返回值: 无
示例:
2.8 TreeGrid_CloseNodeState(Object)
功能:设打开节点的的样式(包含换线/换图片/调用外部事件)
类:TreeGrid
方法: TreeGrid_CloseNodeState(TGNode)
参数: TGNode 当前页面的一行记录(table 对象)
返回值: 无
示例:
剩余29页未读,继续阅读
thstp
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- AUTOSAR SPEC, HW TEST
- thingsBoard仪表板黑暗主题切换
- PS Tray Factory 3.31 最终 河谐版
- 鞋子(真实和 AI 生成的图像)数据集 JPG(2K+图像)
- C#的Winform通过GDI+以及Datatable绘制基于CSV文件的风羽图
- 3LP01C-D-VB一款P-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- 三菱PLC例程源码定型机超喂
- 3LN01C-TB-H-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- 13章Go微服务精讲:Go-Zero全流程实战即时通讯
- 3J14-VB一款P-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页