Extjs 項目中常用的小技巧，也許你用得著(3) - smiler－IT工程師數位筆記本

文章出處

幾天沒寫了,接著繼續,

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);//啟動定時器

        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//不可編輯
               
            }