jQuery MiniUI

标题: 在tab中动态添加panel问题 [打印本页]

作者: miniuifish 时间: 2015-4-22 10:18:35 标题: 在tab中动态添加panel问题

<div class="mini-tabs" activeIndex="0" style="width:350px;height:200px;"> <div title="Tab1" id="tab1"> 1 </div> <div title="Tab2" iconCls="icon-cut" > 2 </div> <div title="Tab3" showCloseButton="true" > 3 </div> <div title="Tab4" showCloseButton="true" enabled="false"> 4 </div></div>[attach]6051[/attach]如图所示我现在要在tab1中通过点击按钮动态添加一个pane[attach]6052[/attach]<div class="mini-panel" title="header" iconCls="icon-add" style="width:300px;height:200px;" showToolbar="true" showCloseButton="true" showFooter="true">  <div property="toolbar"> <input type='button' value='Toolbar' style='vertical-align:middle;'/> </div>  <div property="footer"> <input type='button' value='Footer' style='vertical-align:middle;'/> </div>  body<br /> 1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br /></div>这个应该怎么做？？？我在tab1中加了id<div title="Tab1" id="tab1"> 再用$("#tab1").append("panel的那段html"); 这样没有反应。。

作者: dforce 时间: 2015-4-22 10:40:05

添加完调用一下mini.parse()解析

作者: miniuifish 时间: 2015-4-22 10:46:54

本帖最后由 miniuifish 于 2015-4-22 10:51 编辑

dforce 发表于 2015-4-22 10:40
添加完调用一下mini.parse()解析

我用alert($("#tab1").html()); 测试弹出来的是null[attach]6054[/attach]
[attach]6055[/attach]
[attach]6053[/attach]

作者: dforce 时间: 2015-4-22 10:57:09

miniuifish 发表于 2015-4-22 10:46
我用alert($("#tab1").html()); 测试弹出来的是null

控件内部元素加id无效，生成的时候会有自动生成id
<div class="mini-tabs">
<div title="线路" name="line"></div>
</div>
var tab=tabs.getTab("line")
var tabEl = tabs.getTabBodyEl(tab)
var s = '<div class="mini-panel" title="aaa"></div>';
$(tabEl).append(s)
mini.parse(s)

作者: miniuifish 时间: 2015-4-22 11:08:22

dforce 发表于 2015-4-22 10:57
控件内部元素加id无效，生成的时候会有自动生成id

试了没反应是不是tabs 也要获取的？[attach]6056[/attach]

作者: dforce 时间: 2015-4-22 11:10:26

miniuifish 发表于 2015-4-22 11:08
试了没反应是不是tabs 也要获取的？

是的

作者: miniuifish 时间: 2015-4-22 11:14:08

dforce 发表于 2015-4-22 11:10
是的

怎么获取啊？这些东西有没有什么地方学习的

作者: dforce 时间: 2015-4-22 11:18:10

miniuifish 发表于 2015-4-22 11:14
怎么获取啊？这些东西有没有什么地方学习的

var tabs=mini.get(id)

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