查看: 4226|回复: 5

求助,怎样让tree 的节点是控件. [复制链接]

js1688

注册会员

Rank: 2

电梯直达

楼主

发表于 2016-6-29 10:42:03 |只看该作者 |倒序浏览

mini-tree 的节点我们一般都是文字,但是我现在想要它的节点是一个文本框,我在 children 子节点列表中添加的内容是 [{id:fields[i].type,text:'<input type='text' data-state='false'/>'}] 这样使用html原生的标签它的节点可以变为文本框,但是我需要使用miniui的控件如果改成了 [{id:fields[i].type,text:'<input class='mini-textbox' data-state='false'/>'}] 节点变成了空白,既没有文字也没有控件,如果我想实现有什么好办法吗

收藏1

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2016-6-29 10:48:58 |只看该作者

只能放html,不支持放MiniUI控件

js1688

注册会员

Rank: 2

板凳

发表于 2016-6-29 11:20:51 |只看该作者

felt 发表于 2016-6-29 10:48
只能放html,不支持放MiniUI控件

我用了一个方式能把miniui的控件挂到树上了, 这是写法
var body = $("<body>");
body.html("<input class='textbox'>");
controlStr = body.html();

[{id:fields.type,text:controlStr }] 这样就可以使用miniui的控件

js1688

注册会员

Rank: 2

地板

发表于 2016-6-29 11:24:29 |只看该作者

js1688 发表于 2016-6-29 11:20
我用了一个方式能把miniui的控件挂到树上了, 这是写法
var body = $("");
body.html("");

不对,是我写错了,

js1688

注册会员

Rank: 2

5^#

发表于 2016-6-29 14:54:02 |只看该作者

这一把是真的弄出来了,上传不了图片,我先用的是 mini
-textbox  和 mini-datepicker 做的测试, 我觉得先在html上写个 <input class="mini-textbox"> 然后在获取这个控件  得到它的html  那一串字符串复制到  我上面说的 text:里面应该也是可以的我用的是另一种相似的方法,先在 html中写几个需要使用到的控件让页面加载的时候初始化一下这是目的,然后再用js 取得他的html放在 text：中也是可以的,但是有些控件不能直接使用 html  需要用js 创建一个div放到里面去再得到div 的html放到 text:中比如时间控件就需要这么做,文本框控件不需要,下面是我写的代码

html中加入代码
<input class="mini-textbox tanj" />
<input class="mini-datepicker tanj1"/>  这里不使用id 是因为我会重复使用这写控件如果id 被重复出现后面的不会显示,

js写的代码
   这是对于文本框的
         var tanj = jQuery.extend(true, {}, $(".tanj"));//这里用jquery 克隆一下因为这个控件会被使用很多次防止对象是同一个
tanj.attr("data-state","false");
$(tanj.css("height","17px").find("input")[0]).css("height","17px");
controlStr = tanj.html();
这是对于时间控件的
         var tanj1 = jQuery.extend(true, {},  $(".tanj1"));//这里用jquery 克隆一下因为这个控件会被使用很多次防止对象是同一个
tanj1.attr("data-state","false");
$(tanj1.css("height","17px").find("input")[0]).css("height","17px");
var div = $("<div>");
div.html(tanj1)
controlStr = div.html();
最后这个 controlStr  可以放到我前面发的 [{id:id,text:controlStr}] 中,这样树节点展示的节点就是控件了

felt

超级版主

Rank: 8 Rank: 8

6^#

发表于 2016-6-29 15:04:44 |只看该作者

js1688 发表于 2016-6-29 14:54
这一把是真的弄出来了,上传不了图片,我先用的是 mini
-textbox 和 mini-datepicker 做的测试, 我觉得先 ...

只是把控件的html结构搬过去了，其实并不是MiniUI控件
我们节点里面本来就不支持放入miniui控件

返回列表

		自动登录	找回密码
密码			立即注册