Ext.ns('EXT.YAYADU.UI');
EXT.YAYADU.UI.CAutoFit = Ext.extend(Ext.Panel, {
iGrid : null,
iForm : null,
constructor : function(_cfg)
{
Ext.apply(this, (_cfg || {}));
this.iForm = new Ext.form.FormPanel
({
title : '搜索',
border : false,
layout : 'form',
labelWidth : 65,
bodyStyle : 'padding : 5px;',
labelAlign : 'right',
items : [{
xtype : 'panel',
border : false,
layout : 'column',
items : [{
columnWidth : .45,
layout : 'form',
labelWidth : 65,
labelAlign : 'right',
border : false,
defaults : {xtype : 'textfield', anchor : '93%'},
items : [{
fieldLabel : '姓名'
}, {
xtype : 'combo',
fieldLabel : '职位'
}]
}, {
columnWidth : .45,
layout : 'form',
labelWidth : 65,
labelAlign : 'right',
border : false,
defaults : {xtype : 'textfield', anchor : '93%'},
items : [{
xtype : 'combo',
fieldLabel : '学历'
}, {
fieldLabel : '住址'
}]
}, {
columnWidth : .1,
layout : 'form',
labelWidth : 65,
labelAlign : 'right',
border : false,
defaults : {xtype : 'button', anchor : '98%'},
items : [{
text : '查询'
}, {
text : '清空'
}]
}]
}]
});
this.iGrid = new Ext.grid.GridPanel
({
title : '信息',
border : false,
cm : new Ext.grid.ColumnModel([
{header : '姓名'},
{header : '年龄'},
{header : '职位'},
{header : '学历'},
{header : '住址'}
]),
sm : new Ext.grid.RowSelectionModel(),
store : new Ext.data.JsonStore(),
bbar : [{
text : '确定'
}, '-', {
text : '取消'
}]
});
EXT.YAYADU.UI.CAutoFit.superclass.constructor.call(this, {
layout : 'border',
border : false,
items : [{
region : 'north',
xtype : 'panel',
height : 85,
border : false,
layout : 'fit',
items : [this.iForm]
}, {
region : 'center',
xtype : 'panel',
border : false,
layout : 'fit',
items : [this.iGrid]
}]
});
}
});
Ext.onReady(function()
{
var iPanel = new EXT.YAYADU.UI.CAutoFit();
new Ext.Viewport({
layout : 'border',
border : false,
items : [{
region : 'west',
width : 150,
split : true,
items : [{
xtype : 'panel',
border : false,
title : '导航菜单'
}]
}, {
region : 'center',
layout : 'fit',
items : [iPanel]
}]
});
});
分享到:
相关推荐
ExtJs_Viewport_ExampleExtJs_Viewport_Example
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
ExtJs代码自动生成的规则,可用于反向生成。
升级了,大家不要下载这个了,下载我的资源里的的(MVC+Extjs架构WebMis自动生成) 只要你配置了数据库,配置了表,配置了功能菜单,每个菜单对应一个表,就能生产一个基本的系统, 基本系统:能对你的表进行CRUD,...
extjs 自动补全,模拟下拉列表combobox
Extjs4.1自动提示,放在\build目录下,原有sdk.jsb3里边的路径有问题
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
只是简单的了解加入组件的数据类型:例如 textfield 就是有标签的文本框,用户名:XXX XXX代表文本框。
升级了,大家不要下载这个了,下载我的资源里的的(MVC+Extjs架构WebMis自动生成)
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
本系统采用ASP。NET + EXTJS +三层 架构做成的OA自动办公系统,如有什么问题及建议。问提出来。谢谢。
ExtJs 4 用了一段时间了,今天研究了下ExtJs4的MVC机制,感觉还挺好,建议大家尝试,所以就写了一个demo,帮助那些对ExtJs还不是很懂,或者想用ExtJs4却又不知道怎么做好的朋友。。。多余话不说了大家如果有什么不...
extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等
第十一讲.ExtJS布局模式-Box布局、使用ViewPort布局首页 第十二讲.ExtJS之Ext常用函数 第十三讲.ExtJS之Ext常用函数(二) 第十四讲.初识Ajax 第十五讲.ExtJS对Ajax支持-注册用户实例 第十六讲.ExtJS对Ajax...
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
extjs4如何自动生成掌握grid的列显示、隐蔽的checkbox_.docx
extjs电子书,extjs电子书,extjs电子书,extjs电子书