jQuery MiniUI

 找回密码
 立即注册
查看: 5118|回复: 15
打印 上一主题 下一主题

mini-tabs 如何让tab被点击时加载数据 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2014-11-25 14:34:04 |只看该作者 |倒序浏览
<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>

Rank: 8Rank: 8

沙发
发表于 2014-11-25 14:50:44 |只看该作者
你可以监听tabs页面切换事件来处理
onactivechanged

Rank: 1

板凳
发表于 2014-11-25 14:56:26 |只看该作者
felt 发表于 2014-11-25 14:50
你可以监听tabs页面切换事件来处理
onactivechanged



因为是查询功能,点击查询tab1 加载了数据, tab2也要根据条件 显示数据,所以如何让tab2懒加载?
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

地板
发表于 2014-11-25 15:04:25 |只看该作者
xtaywks 发表于 2014-11-25 14:56
因为是查询功能,点击查询tab1 加载了数据, tab2也要根据条件 显示数据,所以如何让tab2懒加载?
...

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

Rank: 8Rank: 8

5#
发表于 2014-11-25 15:29:46 |只看该作者
xtaywks 发表于 2014-11-25 14:56
因为是查询功能,点击查询tab1 加载了数据, tab2也要根据条件 显示数据,所以如何让tab2懒加载?
...

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

Rank: 1

6#
发表于 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);

Rank: 1

7#
发表于 2014-11-25 15:37:47 |只看该作者
felt 发表于 2014-11-25 15:29
你这些tabs里面的页面是写死的还是url加载的

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

Rank: 1

8#
发表于 2014-11-25 15:41:40 |只看该作者
felt 发表于 2014-11-25 15:29
你这些tabs里面的页面是写死的还是url加载的

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

Rank: 8Rank: 8

9#
发表于 2014-11-25 16:09:22 |只看该作者
xtaywks 发表于 2014-11-25 15:41
几个tab都在一个页面,都在div里,只有数据是url加载显示的

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

Rank: 1

10#
发表于 2014-11-25 16:31:46 |只看该作者
felt 发表于 2014-11-25 16:09
都在一个页面的数据,你直接查询的时候也给第二个tab赋值就行

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

Archiver|普加软件

GMT+8, 2024-11-6 15:34 , Processed in 1.052206 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部