论坛首页 Web前端技术论坛

jQuery模仿ExtJS之Toolbar

浏览 29114 次
精华帖 (5) :: 良好帖 (3) :: 新手帖 (0) :: 隐藏帖 (2)
作者 正文
   发表时间:2009-07-27  
相当不错
0 请登录后投票
   发表时间:2009-07-27  
lz又来做公益事业了啊!~ 不过好像真的ff下有点点bug
0 请登录后投票
   发表时间:2009-07-28  
nishijia 写道
发现个 bug

在 Firefox 下  点击那个新建  弹出来了百度框  不过 原先的工具栏组件的tab和百度的tab的内容同时显示出来了

是的,确实在FF下有点问题,原因找到了,是因为百度的body没有设置background-color,我把内容层增加了background-color:#FFF就可以了,Fix呈上。
0 请登录后投票
   发表时间:2009-07-28  
寄生虫 写道
nishijia 写道
发现个 bug

在 Firefox 下  点击那个新建  弹出来了百度框  不过 原先的工具栏组件的tab和百度的tab的内容同时显示出来了

是的,确实在FF下有点问题,原因找到了,是因为百度的body没有设置background-color,我把内容层增加了background-color:#FFF就可以了,Fix呈上。

ie6才有背景图片不缓存的bug

ie7 8 都没有
0 请登录后投票
   发表时间:2009-07-28  
我用了,不过我用的在主框架里,手动缩放左边菜单栏和头部缩放。
这个无法自动根据我的外面框架自动缩放。
没有办法自己就修改了一下TabPanel.js里内容,在文件最后加了一个
getRefreshW : function(){
 
  var clientWidth = document.body.clientWidth - 2;
  var clientHeight = document.body.clientHeight - 32;
    //alert(clientWidth);
    if(this.render.is('body'))
    {
      this.tabpanel.css('width', clientWidth +'px');
    }
    else
    {
      this.render.css('width', clientWidth +'px');
    }
      if(this.border=='none')
    {
      this.tabpanel_tab_content.css('border-top', 'none');
      this.tabpanel_tab_content.css('border-left', 'none');
      this.tabpanel_tab_content.css('border-right', 'none');
      this.tabpanel_content.css('border-left', 'none');
      this.tabpanel_content.css('border-right', 'none');
      this.tabpanel_content.css('border-bottom', 'none');
      //计算选项卡承载层和内容层宽度(重点是要去除边框的宽度)
      this.tabpanel_tab_content.css('width', clientWidth +'px');
      this.tabpanel_content.css('width', clientWidth +'px');
      //this.tabpanel_tab_content.css('height', clientHeight +'px');
      this.tabpanel_content.css('height', clientHeight +'px');
    }
    else
    {
      //计算选项卡承载层和内容层宽度(重点是要去除边框的宽度)
      this.tabpanel_tab_content.css('width', clientWidth +'px');
      this.tabpanel_content.css('width', clientWidth +'px');
      //this.tabpanel_tab_content.css('height', clientHeight +'px');
      this.tabpanel_content.css('height', clientHeight +'px');
    }
     this.update();
  }


然后在点缩放的button按钮js脚本了执行了这个方法。现在可以随我的外面的框架点缩放,自动调整大小了。
0 请登录后投票
   发表时间:2009-07-28  
wellbbs 写道
我用了,不过我用的在主框架里,手动缩放左边菜单栏和头部缩放。
这个无法自动根据我的外面框架自动缩放。
没有办法自己就修改了一下TabPanel.js里内容,在文件最后加了一个
getRefreshW
然后在点缩放的button按钮js脚本了执行了这个方法。现在可以随我的外面的框架点缩放,自动调整大小了。


这样只能简单的实现自动调整大小,因为还涉及到左右滚动条、选项卡的容器大小等,我正在改进。
0 请登录后投票
   发表时间:2009-07-28  
还有就是请教一下,你这个带有编辑器的功能没?

比如添加很多条商品,然后每条记录可以实现在线编辑内容

如果有怎么调用?
0 请登录后投票
   发表时间:2009-07-28  
wellbbs 写道
还有就是请教一下,你这个带有编辑器的功能没?

比如添加很多条商品,然后每条记录可以实现在线编辑内容

如果有怎么调用?


目前还没有这个功能,因为我渐渐转向Flex了,所以.......
0 请登录后投票
   发表时间:2009-07-28  
现在能自动缩放了,很好,多谢分享。
0 请登录后投票
   发表时间:2009-07-28   最后修改:2009-07-28
wellbbs 写道
现在能自动缩放了,很好,多谢分享。

感谢你的支持,呵呵,其实你的扩展代码也不错啦,毕竟不是你开发的功能,还能做出简单的缩放实现,谢谢啦。

正在努力改进中。。。
0 请登录后投票
论坛首页 Web前端技术版

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