extjs3 html编辑器,Ext JS 可视化开发工具 - extbuilder

本文介绍了如何使用ExtJS框架创建一个包含日期选择和组合框的查询窗口,用于数据筛选。通过Ext.namespace和继承Window组件,展示了如何配置UI组件并实现窗口显示。
power by extjs.org.cn

Ext.namespace('wh_main');

wh_main.Query = function(config) {

Ext.applyIf(this, config);

this.initUIComponents();

wh_main.Query.superclass.constructor.call(this);

};

Ext.extend(wh_main.Query, Ext.Window, {

initUIComponents : function() {

// BEGIN OF CODE GENERATION PARTS, DON'T DELETE CODE BELOW

Ext.apply(this, {

el:'fatjames',

width : 600,

height : 400,

items : [{

frame : "true",

layout : "column",

items : [{

columnWidth : "0.5",

layout : "form",

items : [{

fieldLabel : "开始日期",

xtype : "datefield"

}, {

fieldLabel : "结束日期",

xtype : "datefield"

}]

}, {

columnWidth : "0.5",

layout : "form",

items : [{

fieldLabel : "测试",

xtype : "combo"

}, {

fieldLabel : "测试",

xtype : "combo"

}]

}],

xtype : "form"

}],

xtype : "window"

});

// END OF CODE GENERATION PARTS, DON'T DELETE CODE ABOVE

}

});

Ext.onReady(function(){

var tt = new wh_main.Query({

el:'fatjames'

});

tt.show(this);

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值