jQuery MiniUI

标题: mini-tabs 如何让tab被点击时加载数据 [打印本页]

作者: xtaywks 时间: 2014-11-25 14:34:04 标题: mini-tabs 如何让tab被点击时加载数据

<div id="ypxxTab" class="mini-tabs" activeIndex="0" plain="false" >
   <div title="data1" >
      <div id='jcxx'>
      </div>
   </div>
   <div title="data2">
      <div id="ysxx" >
      </div>
</div>
</div>

作者: felt 时间: 2014-11-25 14:50:44

你可以监听tabs页面切换事件来处理
onactivechanged

作者: xtaywks 时间: 2014-11-25 14:56:26

felt 发表于 2014-11-25 14:50
你可以监听tabs页面切换事件来处理
onactivechanged

[attach]5538[/attach]

因为是查询功能，点击查询tab1 加载了数据， tab2也要根据条件显示数据，所以如何让tab2懒加载？

作者: y498220013 时间: 2014-11-25 15:04:25

xtaywks 发表于 2014-11-25 14:56
因为是查询功能，点击查询tab1 加载了数据， tab2也要根据条件显示数据，所以如何让tab2懒加载？
...

不要写表名称，然后动态设置进去，在load下试试~~~只是一种想法，没有实践

作者: felt 时间: 2014-11-25 15:29:46

xtaywks 发表于 2014-11-25 14:56
因为是查询功能，点击查询tab1 加载了数据， tab2也要根据条件显示数据，所以如何让tab2懒加载？
...

你这些tabs里面的页面是写死的还是url加载的

作者: xtaywks 时间: 2014-11-25 15:35:54

felt 发表于 2014-11-25 15:29
你这些tabs里面的页面是写死的还是url加载的

function doSearch(){
sform.validate();

if(sform.isValid()){
$.ajax({
                  url: "${pageContext.request.contextPath}/ypcx/doSearchYpxx.action",
                  data:{"yptbdm": mini.get("lookup").getValue()},
                  type:"post",
                  success: function (text){
                  var result = mini.decode(text);
                  if(result.success){
                  refresh(document.getElementById('imgcode'));
                  var jcxxform = new mini.Form("#jcxx");
                  jcxxform.setData(result.item);

                  var ysxxform = new mini.Form("#ysxx");
                  ysxxform.setData(result.ypgz);
                  alert(ysxxform);

作者: xtaywks 时间: 2014-11-25 15:37:47

felt 发表于 2014-11-25 15:29
你这些tabs里面的页面是写死的还是url加载的

tab2 还有一个url
tabs.load("${pageContext.request.contextPath}/ypcx/doSearchYsxx.action");

作者: xtaywks 时间: 2014-11-25 15:41:40

felt 发表于 2014-11-25 15:29
你这些tabs里面的页面是写死的还是url加载的

几个tab都在一个页面，都在div里，只有数据是url加载显示的

作者: felt 时间: 2014-11-25 16:09:22

xtaywks 发表于 2014-11-25 15:41
几个tab都在一个页面，都在div里，只有数据是url加载显示的

都在一个页面的数据，你直接查询的时候也给第二个tab赋值就行

作者: xtaywks 时间: 2014-11-25 16:31:46

felt 发表于 2014-11-25 16:09
都在一个页面的数据，你直接查询的时候也给第二个tab赋值就行

tab1 tab2都是不同的表，不同的action
如果像您说的， js该如何实现？

作者: felt 时间: 2014-11-25 16:41:33

xtaywks 发表于 2014-11-25 16:31
tab1 tab2都是不同的表，不同的action
如果像您说的， js该如何实现？

再用个ajax加载试试

作者: xtaywks 时间: 2014-11-25 17:00:42

felt 发表于 2014-11-25 16:41
再用个ajax加载试试

ajax应该放在什么位置？

作者: dforce 时间: 2014-11-26 09:33:07

xtaywks 发表于 2014-11-25 17:00
ajax应该放在什么位置？

你那个查询方法里不是有一个ajax吗，你说tab2是另外的表查出来的，你里面再加一个ajax不行吗？

作者: xtaywks 时间: 2014-11-27 15:20:15

dforce 发表于 2014-11-26 09:33
你那个查询方法里不是有一个ajax吗，你说tab2是另外的表查出来的，你里面再加一个ajax不行吗？ ...

我用了active 事件数据加载成功，但我在点查询时显示的数据还停留在上一条，如何让Tab局部刷新，不来回切换tab才能正常显示数据？

作者: felt 时间: 2014-11-27 15:56:25

xtaywks 发表于 2014-11-27 15:20
我用了active 事件数据加载成功，但我在点查询时显示的数据还停留在上一条，如何让Tab局部刷新，不来回 ...

url加载的tab可以调用tabs.reloadTab(tab)刷新，写死的tab没有

作者: xtaywks 时间: 2014-11-27 16:01:06

felt 发表于 2014-11-27 15:56
url加载的tab可以调用tabs.reloadTab(tab)刷新，写死的tab没有

谢谢各位版主的回复

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