dojo1.02 树节点添加复选框的实现方法

使用了dojo102的新版树形结构组件,发现和原来的版本差别十分巨大(无论是在实现还是在使用上)

很多以前方便的方法都被去掉了,只能自己修改源代码了……

先说一下在新版树结构中添加复选框的方式:

在这里添加的复选框类型是dijit.form.CheckBox类型。

首先我继承出一个新的treeNode类型的widget:

在template中添加了存放复选框的div:

现在contentNode部分变成了:

 "<div dojoAttachPoint=/"contentNode/" class=/"dijitTreeContent/" waiRole=/"presentation/">/n/t/t",
                     "    <div dojoAttachPoint=/"iconNode/" class=/"dijitInline dijitTreeIcon/" waiRole=/"presentation/">",
                          "</div>/n/t/t",
                           "<span dojoAttachPoint=/"boxNode/" class=/"dijitTreeLabel/" wairole=/"treeitem/" >",
                          "</span>/n/t",
                          "<span dojoAttachPoint=/"labelNode/" class=/"dijitTreeLabel/" wairole=/"treeitem/" tabindex=/"-1/">",
                          "</span>/n/t",
                     "</div>/n",

红色的部分就增加的。

然后在postCreate方法中增加CheckBox:

 box =new dijit.form.CheckBox(param);

this.boxNode.appendChild(box.domNode);

其中param是创建CheckBox的一些参数。

这样,就可以将复选框增加到树节点前面了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值