楼主: liyang1987ly

tabs [复制链接]

factory

超级版主

Rank: 8 Rank: 8

12^#

发表于 2013-2-27 11:51:00 |只看该作者

liyang1987ly 发表于 2013-2-27 10:48
div id="tabs1" class="mini-tabs" activeIndex="0"
style="width:100%;height:100%;">

监听下activechanged事件

function activechanged(){
if(e.tab......){
grid2.load();
}
}

这样试试

liyang1987ly

高级会员

Rank: 4

11^#

发表于 2013-2-27 10:48:37 |只看该作者

factory 发表于 2013-2-25 14:23
你的tabs是如何创建选项内容的？tabs页面上直接写的还是tabs通过url加载不同的tab的？
如果是通过url的话 ...

div id="tabs1" class="mini-tabs" activeIndex="0"
style="width:100%;height:100%;">

<div title="类别维护">
<div class="mini-panel" title="类别维护" style="width:100%;height:100%;"
borderStyle="border:0" showToolbar="true" showCollapseButton="false"
showFooter="true" showHeader="true" bodyStyle="padding:0;">

<div property="toolbar" class="mini-toolbar"
style="padding:2px;border-top:0;border-left:0;border-right:0; height: 30px">
<div style="float:left;">
<span style="padding-left:5px;">类别名称：</span> <input type="text"
id="typeName" name="typeName" />
</div>
<div style="float:right;">
<a class="mini-button" iconCls="icon-add"
plain="true">添加</a><span class="separator"></span> <a
class="mini-button" iconCls="icon-save"
plain="true">保存</a> <span class="separator"></span><a
class="mini-button" iconCls="icon-remove"
plain="true">删除</a>
</div>
</div>

<div class="mini-fit" style="height:100%;">
<div id="datagrid1" class="mini-datagrid"
style="width:100%;height:100%;" url="product/getTypeList.do"
idField="typeId" allowResize="true" allowCellEdit="true"
allowCellSelect="true" multiSelect="true" allowCellValid="true"
oncellvalidation="onCellValidation" sizeList=[5,10,20,50,100]
loadingMSG="数据加载中.....">
<div property="columns">
<div type="checkcolumn" width="10"></div>
<div field="typeName" width="120" headerAlign="center"
allowSort="true">
类别名称 <input property="editor" class="mini-textbox"
style="width:100%;" />
</div>
</div>
</div>
</div>

</div>
</div>
<div title="商品维护">
<div class="mini-panel" title="住院费用" style="width:100%;height:100%;"
borderStyle="border:0" showToolbar="true" showCollapseButton="false"
showFooter="true" showHeader="true" bodyStyle="padding:0;">

<div class="mini-fit" style="height:100%;">
<div id="datagrid2" class="mini-datagrid"
style="width:100%;height:100%;" borderStyle="border:0"
url="product/getProList.do" idField="proId" allowResize="true"
allowCellEdit="true" allowCellSelect="true" multiSelect="true"
allowAlternating="true" showFooter="false" loadingMSG="数据加载中.....">
<div property="columns">


<div field="typeName" name="typename" width="20"
headerAlign="center" align="center">类别</div>
<div field="uName" width="20" headerAlign="center" align="center">单位</div>
<div field="userName" name="username" width="20"
headerAlign="center" align="center">消费者</div>
<div field="proName" width="40" headerAlign="center"
align="center">商品名称</div>
<div field="proDate" width="40" headerAlign="center"
align="center" dateFormat="yyyy-MM-dd hh">购买日期</div>
<div field="proAddress" width="60" headerAlign="center"
align="center">购买地址</div>
<div field="proUnitPrice" width="10" align="center"
headerAlign="center">单价</div>
<div field="proAmount" width="10" headerAlign="center"
align="center">数量</div>
<div field="proTotalPrice" width="10" headerAlign="center"
align="center">总价</div>
<div name="action" width="50" headerAlign="center" align="center"
renderer="onActionRenderer" cellStyle="padding:0;">操作</div>
</div>
</div>
</div>
</div>
</div>
</div>
这个是我的代码我的意思是当这个页面加载默认值加载“类别维护”下的datagrid1，然后当我点击“商品维护” 标签时再去加载商品维护下面的datagrid2 的数据但是不行

factory

超级版主

Rank: 8 Rank: 8

10^#

发表于 2013-2-25 14:23:12 |只看该作者

liyang1987ly 发表于 2013-2-25 11:52
如果onActivechanged="change" 为什么 tab2的grid也加载了数据因为我加了lert 会执行弹出框我有点不明 ...

你的tabs是如何创建选项内容的？tabs页面上直接写的还是tabs通过url加载不同的tab的？
如果是通过url的话，我测试了，只有当点击切换tab的时候，才会执行页面的alert

liyang1987ly

高级会员

Rank: 4

9^#

发表于 2013-2-25 11:52:45 |只看该作者

factory 发表于 2013-2-21 14:30

如果onActivechanged="change" 为什么 tab2的grid也加载了数据因为我加了lert 会执行弹出框我有点不明白

factory

超级版主

Rank: 8 Rank: 8

8^#

发表于 2013-2-21 14:30:09 |只看该作者

liyang1987ly 发表于 2013-2-21 11:50
一个表跟另一个表相关联查询所有出来的是对象套对象那要怎么获取绑定到datagrid上啊 ...

liyang1987ly

高级会员

Rank: 4

7^#

发表于 2013-2-21 11:50:31 |只看该作者

factory 发表于 2013-2-21 11:20
onactivechanged(e){
e.sender //是事件激发者，也就是你点击的tab2，然后再去获取到内部的表格，执 ...

一个表跟另一个表相关联查询所有出来的是对象套对象那要怎么获取绑定到datagrid上啊

factory

超级版主

Rank: 8 Rank: 8

6^#

发表于 2013-2-21 11:20:37 |只看该作者

liyang1987ly 发表于 2013-2-21 09:57
div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;" onActivechanged ...

onactivechanged(e){
e.sender //是事件激发者，也就是你点击的tab2，然后再去获取到内部的表格，执行grid.load()就好了
}

liyang1987ly

高级会员

Rank: 4

5^#

发表于 2013-2-21 09:57:29 |只看该作者

factory 发表于 2013-2-18 17:45
你不是要onactivechanged事件么，就是这样写啊，然后在事件里面执行加载

div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;" onActivechanged="change"
>
<div name="first" title="Tab1">
      <datagrid id="grid1"></datagrid>
</div>
<div title="Tab2">
   <datagrid id="grid2"></datagrid>
</div>
<div title="Tab3">
      3
</div>
<div title="Tab4">
      4
</div>
<div title="Tab5">
      5
</div>
</div>
<script type="text/javascript">
mini.parse();
我的意思是当我单击tab2的时候去加载grid2的数据
是不是我用法不对啊
</script>