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

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


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

//创建树控件
new TreePanel({
				renderTo : 'tree',
				treeNodes:nodes,
				click:function(node){
					
				}
			});

//创建表格控件
		new GridPanel({
		title : '部门管理',
		titleTable : 'titleTable',
		dataTable : 'dataTable',
		width:[25,200,200,180,180,],
		toolBar : true
		});

//添加toolBar
		var toolBar = new ToolBar({
			renderTo : 'toolBar',
			items : [{
				text : '新建',
				pic : 'add',
				handler : function(){
				
				}		
			},'-',{
				text:'修改',
				pic:'edit',
				handler:function(){
				
				}
			}]
				
		}).render();
		});

2、WindowPanel

这是一个WindowPanel

new WindowPanel({
			id : 'saveDepartment',
			title:'添加部门',
			width:420,
			height:200,
			html : '<iframe name="saveDepartment" id="saveDepartment"  frameborder="0"></iframe>',
			toolBar : new ToolBar({
				items:[{
					text : '保存',
					pic : 'add',
					userable:'true',
					handler : function(){
						
					}	
			}]
			})
		});

3、MsgPanel

这是一个弹出框

new Msg({
	    	title : '提示',
	    	content:'恩？，成功啦，成功啦',
	    	handler: function(){
	    	
	    	}
	    });

评论

18 楼 ov100 2011-06-16  

能不能共享一下，去对比一下EXT，

17 楼 fengchufu 2011-06-16  

这个很强大，支持一下。。。。

16 楼 cheney_love 2011-06-16  

BuN_Ny 写道

没看出来简单。。。ExtJS至少有丰富的API文档供查阅，有庞大的社区。。还有就是Ext的Window里放的可不是简单的iframe啊。。。。
不过你这样式写的。。。太以假乱真了吧。。。
其实看Ext的样式都看恶心了你咋不借机换个呢。。。。果断搞个苹果的桌面样式，哈哈，我支持你啊！！！

我这个和ext当然是没法比的哈，本来是打算自己写了自己用的来，谢谢大家的关注

15 楼 qinglintan 2011-06-16  

博主赶紧把源码放上来吧。在写些API，也让大家感受一下啦，再讲的话，会对你公平一些。下次等你把源码放在来再来评论。

14 楼 BuN_Ny 2011-06-16  

没看出来简单。。。ExtJS至少有丰富的API文档供查阅，有庞大的社区。。还有就是Ext的Window里放的可不是简单的iframe啊。。。。
不过你这样式写的。。。太以假乱真了吧。。。
其实看Ext的样式都看恶心了你咋不借机换个呢。。。。果断搞个苹果的桌面样式，哈哈，我支持你啊！！！

13 楼 awol2005ex 2011-06-15  

除了样式以外，ext 其他方面都很好扩展

12 楼 dog_eat_dog 2011-06-15  

额，和我们公司的类似

11 楼 conanca 2011-06-15  

牛！
LZ的CSS样式怎么写的？可以以假乱真了

10 楼 cheney_love 2011-06-15  

accphc 写道

想问问比ext简单在哪里？！

感觉ext的封装程度太高了，想稍微搞点个性化的东西都好麻烦。

9 楼 accphc 2011-06-15  

想问问比ext简单在哪里？！

8 楼 archerfrank 2011-06-15  

lz真有心呀，继续努力。

7 楼 cheney_love 2011-06-15  

jilong-liang 写道

这个那是Jquery丫？彻底无语啊...

6 楼 jilong-liang 2011-06-15  

这个那是Jquery丫？彻底无语啊...

5 楼 cheney_love 2011-06-15  

renwolang521 写道

基本结构做好，剩下的方便扩展就好

我也在想扩展性的问题，给点意见吧

4 楼 renwolang521 2011-06-15  

基本结构做好，剩下的方便扩展就好

3 楼 liubey 2011-06-15  

这几个功能就不错了，属于把地基盖上了

2 楼 cheney_love 2011-06-14  

junxiang 写道

嗯，这个不错，楼主有心了。

现在就弄了几个简单的功能

1 楼 junxiang 2011-06-14  

嗯，这个不错，楼主有心了。