jQuery MiniUI

标题: 向动态生成的Panel中，加入html [打印本页]

作者: netui 时间: 2013-10-3 16:06:18 标题: 向动态生成的Panel中，加入html

版主：好！

现在界面中，Panel为动态生成的，想在Panel的Body中，加入动态拼接的 Html 代码，请问这样要怎么实现？

作者: netui 时间: 2013-10-4 08:58:32

我用下面的方法，也没有显示出：

var data=[{"。。。。。。"}] ;

for (var i=0;i<data.length;i++) {
         //document.write(i+"  "+data[i].SJMC+"<br />");
         var panel = new mini.Panel();
         panel.set({
            id:"panel"+i,
            title:i+"  "+data[i].SJMC,
            width:"100%",
            height:"100px",
            iconCls:"icon-add",
            showCollapseButton:true,
            collapseOnTitleClick:true,
            bodyStyle:"padding:0px;"
         });

         panel.innerHTML='<input type="button" value="test" />';
         //$("#panel"+i).html('<input type="button" value="test" />');
         panel.render(document.body);
         //mini.parse();
      }

还是打印不出来，动态拼接的Html代码？

作者: niko 时间: 2013-10-4 09:12:46

var bodyEl = panel.getBodyEl();
bodyEl.innerHTML='<input type="button" value="test" />';
。。。

作者: netui 时间: 2013-10-4 09:14:15

netui 发表于 2013-10-4 08:58
我用下面的方法，也没有显示出：

var data=[{"。。。。。。"}] ;

panel.setBody('<input type="button" value="test2" /> <table><tr><td>ddddd</td></tr></table>');

我用上面的方法，解决了，我以为setBody（Dom）中，只能放Dom 对象，不可以放string.

后面，看例子就明白了，是一样的。只是赋值给了一个变量而以。

作者: netui 时间: 2013-10-4 09:15:44

niko 发表于 2013-10-4 09:12
var bodyEl = panel.getBodyEl();
bodyEl.innerHTML='';
。。。

嗯，这种方式，也是可行。。。

好用，感谢！

放假，都还在麻烦你们，抱歉了！只是问题比较急，所以我们加班也在调试。

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