论坛首页 Web前端技术论坛

jQuery模仿ExtJS之TabPanel

浏览 83512 次
该帖已经被评为良好帖
作者 正文
   发表时间:2010-04-30  
LZ,请问一下,你demo中的 datagrid 是用的哪个?
0 请登录后投票
   发表时间:2010-05-07  
近期在使用过程中又发现了新的问题:
1.第一次进入页面加载TabPanel脚本形成tab页签,默认显示0,第一个页签。这个时候做一些业务处理,调用另外一个方法,该方法还是调用TabPanel脚本,只不过想显示1,第二个页签,此时没有任何反应。
2.宽度可以自适应,高度可以自适应吗?目前我没有发现高度可以自适应。
0 请登录后投票
   发表时间:2010-05-08  
nell_zn82 写道
近期在使用过程中又发现了新的问题:
1.第一次进入页面加载TabPanel脚本形成tab页签,默认显示0,第一个页签。这个时候做一些业务处理,调用另外一个方法,该方法还是调用TabPanel脚本,只不过想显示1,第二个页签,此时没有任何反应。
2.宽度可以自适应,高度可以自适应吗?目前我没有发现高度可以自适应。

1、我现在还没去测试,请麻烦贴一部分代码
2、高度可以自适应
0 请登录后投票
   发表时间:2010-05-15  
近期挺忙的,不好意思,下面我将代码贴出来加以说明:
1.首先我先将TabPanel又封装了一下。在我的application.js中
     
  var tabPanel;     
  //加载页签     
  function tabs(divId,items){     
    tabPanel = new TabPanel({     
      renderTo:divId,     
      width: '100%',     
      height: '100%',   
      items: items
    });     
  }    


2.在test.jsp页面引入application.js ,test.jsp页面单独也有一个test.js,内容如下:
$(function(){
  var items = [{id:'workid',title:'工作中心',html:'<iframe src="工作中心.html" width="100%" height="100%" frameborder="0"></iframe>',closable: false,lazyload: true}],[{id:'userid',title:'用户中心',html:'<iframe src="用户中心.html" width="100%" height="100%" frameborder="0"></iframe>',closable: false,lazyload: true}];

//初始化加载第一个页签:工作中心
tabs(0,items);


$("#save").click(function(){
  //通过ajax进行操作,代码我就简略了。
  ....
  ....
  //执行成功后现实第二个页签
  tabs(1,items);
});
});


大意就是这样的,初始化显示第一个页签,执行成功一个操作后,显示第二个页签,不起作用,是不是我理解的有问题??
0 请登录后投票
   发表时间:2010-05-15   最后修改:2010-05-15

理解上确实有点错误,tabpanel只需要实例化一次,以后用tabpanel.show(index)就可以了。

 

0 请登录后投票
   发表时间:2010-05-18  
寄生虫 写道

理解上确实有点错误,tabpanel只需要实例化一次,以后用tabpanel.show(index)就可以了。

 


谢谢虫兄一直以来的支持,感谢,明天我试试。

0 请登录后投票
   发表时间:2010-05-20  
正在学习jQuery,感觉到效果还不错~!
0 请登录后投票
   发表时间:2010-05-20  
thinkforever 写道
ext的界面没觉着好看,不要仿了,要仿的话干脆直接用ext了

是啊,Ext普遍就那个样子,jq多灵活啊,干嘛非得模仿Ext呢
0 请登录后投票
   发表时间:2010-05-20  
不错,extjs太慢了,还要考虑授权的问题
0 请登录后投票
   发表时间:2010-05-20  
能否把整套后台发上来,我指ui部份
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics