Extjs 專案中常用的小技巧,也許你用得著(3)
阿新 • • 發佈:2022-05-02
幾天沒寫了,接著繼續,
1.怎麼獲取表單是否驗證通過:
form.isValid()//通過驗證為true
2.怎樣隱藏列,並可勾選:
hidden: true,
如果是動態隱藏的話:
grid.getColumnModel().setHidden(1,true); //1 代表要隱藏的列所在位置,true代表隱藏
3.怎樣隱藏列,並不可勾選(這個必須配合上邊那個一塊用)
hideable: false,
4.怎樣設定簡單查詢,如果所示:
tbar: { xtype: 'toolbar', frame: true, border: false, padding: 2, items: [ { xtype: 'textfield', emptyText: '請輸入關鍵字...', width: 220, id: 'queryITGText' }, { xtype: 'tbspacer', width: 5 }, { xtype: 'button', iconCls: 'icon-query', text: '條件查詢', handler: queryStore, scope: this }, '-', { xtype: 'tbspacer', width: 5 }, { xtype: 'button', text: '顯示全部', handler: function () { InterfaceTrackStore.loadPage(1); } } , '-', { xtype: 'button', text: '清空資料', handler: DeleteAll } ]
5.怎樣將引數放入引數列表裡(這也是實現上邊查詢的關鍵所在
var lastOptions = InterfaceTrackStore.lastOptions;
var addOptions = { params: {
search: 'targetString'
}
}
//將引數放入引數列表裡
var newOptions = Ext.apply(lastOptions, addOptions);
6.ExtJs定時重新整理
var task = { run : function() { Ext.Ajax.request( { url : "url", timeout : 30000, success : function(res) { //請求響應 }); }, interval : 1000 // 1 second } Ext.TaskManager.start(task);//啟動定時器
7.下拉列表Combo的使用:
{ xtype: 'combo', fieldLabel: '支付方式', id: 'payType', anchor: '90%', store: new Ext.data.ArrayStore({ fields: ['text'], data: [['全部'], ['現金支付'], ['銀行卡支付'], ['就診卡支付']] }), emptyText: '請選擇', queryMode: 'local', triggerAction: 'all', displayField: 'text', editable :false//不可編輯 }