ExtJs FieldSet

var type = [ [ '查看本月', 1 ], [ '本月以前', 2 ] ];

	var storeType = new Ext.data.SimpleStore({
		fields : [ 'text', 'value' ],
		data : type
	});

	var comboType = new Ext.form.ComboBox({
		store : storeType,
		emptyText : '請選擇',
		mode : 'local',
		hiddenName : "value",
		triggerAction : 'all',
		valueFeild : 'value',
		displayField : 'text',
		selectOnFocus : true,
		redOnly : true
	});

	var myfieldset = new Ext.form.FieldSet(
			{
				title : '查詢',
				width : 500,
				height : 70,
				layout : 'column',
				border : true,
				labelWidth : 20,
				anchor : '100%',

				items : [
						{
							columnWidth : 0.33,
							layout : 'form',
							border : true,
							items : [ comboType ]
						},
						{
							columnWidth : 0.33,
							layout : 'form',
							border : true,
							items : [ {
								xtype : 'button',// Ext基本類型,也可以用其對應的form元素代替
								text : '查詢',
								height : 24,
								width : 50,
								handler : function() {
									if (formpanel.getForm().isValid()) {
										var comvalue = comboType.getValue();
										if (comvalue == "查看本月") {
											var values = 1;
										} else
											values = 2;

										grid.getStore().proxy.conn.url = "ViewNetworkseninfo?value="
												+ values;

										grid.getStore().load();

									}

								}
							} ]
						} ]
			});

	var formpanel = new Ext.form.FormPanel({
		height : 90,
		border : false,
		labelAlign : 'right',
		frame : true,
		items : myfieldset
	});
	this.add(formpanel);


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章