jQuery MiniUI

标题: 动态添加mini控件 [打印本页]

作者: tangdonglai 时间: 2012-12-25 14:56:03 标题: 动态添加mini控件

请问怎么动态添加mini动态控件，我使用jquery的append方法来添加，元素可以添加进去了，但是根据控件的元素标识无法获取到此对象，且元素的属性都设置不上去，代码效果如下：[attach]1149[/attach]
[attach]1150[/attach]
上图，可以显示效果，但是无法设置属性，且mini.get("btn20")为undefined，如果属性的设置都放到字符串里面去拼装，也是可以显示效果的，但是事件与一些属性设置都无效。

[attach]1148[/attach]

作者: factory 时间: 2012-12-25 15:02:29

var button = new mni.Button()
这个button不就是你要的对象吗？

作者: tangdonglai 时间: 2012-12-25 15:46:42

factory 发表于 2012-12-25 15:02
var button = new mni.Button()
这个button不就是你要的对象吗？

怎么把他添加到容器里面去呢，就是optWindowList这个div里面，这个div是存在的，现在我需要把这个button添加进去，然后显示。

作者: factory 时间: 2012-12-25 16:02:36

tangdonglai 发表于 2012-12-25 15:46
怎么把他添加到容器里面去呢，就是optWindowList这个div里面，这个div是存在的，现在我需要把这个button ...

button.setText("确定");
var btn = button.getEl(); //获取dom元素
var div = document.getElementById("optWindowList");
div.appendChild(btn);

这是一种方法，另一种比较简单
var div = document.getElementById("optWindowList");
div.innerHTML("<input class='mini-button/>'");
最后mini.parse(),解析下添加进去的HTML代码

作者: tangdonglai 时间: 2012-12-25 18:39:57

factory 发表于 2012-12-25 16:02
button.setText("确定");
var btn = button.getEl(); //获取dom元素
var div = document.getElementBy ...

,呵呵，搞定。。。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)