首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JQuery仿的Extjs控件跟界面(有图)

2012-10-15 
JQuery仿的Extjs控件和界面(有图)Extjs的出现为我们这些不会做界面的人带来了不少的便利,但是我感觉学起来

JQuery仿的Extjs控件和界面(有图)
Extjs的出现为我们这些不会做界面的人带来了不少的便利,但是我感觉学起来挺麻烦的(我感觉),就模仿一下ext的相关界面,一来用的时候也简单,二来提高一下自己对Jquery和Css的掌握程度。
现在就做了几个简单的小功能,TreePanel,accordionPanel,WindowPanel,MsgPanel,ToolBar,和一个简单的layout,使用的时候引入以上的几个js和对应的css即可。
如下图:
1、TreePanel、 GridPanel、toolBar


这个页面有个TreePanel 和一个 GridPanel以及一个ToolBar


这是一个WindowPanel


3、MsgPanel

这是一个弹出框
       38 楼    BuN_Ny    2011-11-09              小伙,你这个能这样写不:
var tbar = new ToolBar();
var tbarItem = new ToolBarItem();
tbarItem.setType('button');
.....
tbar.addItem(tbarItem);
tbar.renderTo($('xxxxx'));
=========================================
或者用这种调用方式也不错的:
$('xxxx').create('toolbar', {
  xxxx: xxx,
  xxxx: xxx
});
$('xxxx').create('window', {
  xxxx: xxx,
  xxxx: xxx
});
再者:
$('xxxx').toolbar({...});
$('xxxx').window({...});
=========================================
倒是所谓的Ext方式。。。不如说是js方式。。。

热点排行