EXTJS 常见问题

最新推荐文章于 2021-02-24 00:08:40 发布

最新推荐文章于 2021-02-24 00:08:40 发布 · 199 阅读

文章标签：

#EXTJS #JS #WEB前端 #ViewUI

EXTJS 专栏收录该内容

1 篇文章

订阅专栏

1、动态获取后台数据源的方法

var store = Ext.create('Ext.data.Store',{
    autoLoad: true,
    fields:['id','programId','lang','serviceName','providerName'],
    pageSize:10,
    proxy:{
        type:'ajax',
        url: window.CONTEXT_PATH+'/program/getProgramExtInfoList?programId=' + programId,
        reader:{
            type:'json',
            root:'dataList',
            totalProperty:'totalCount'
}
    },
    idProperty:'id'
});

2、自定义工具栏：


tbar : [{
 id : 'addBt',
 text : '新增',
 tooltip : '新增',
 iconCls : 'add'
},{
 xtype : "tbseparator"
},{
 id : 'delBt',
 text : '删除',
 tooltip : '删除',
 iconCls : 'delete',
 disabled : true
}, {
 xtype : "tbseparator"
}, {
 id : 'importBt',
 text : '批量导入',
 tooltip : '批量导入',
 iconCls : 'add'
}]

3、通过多选框的选中状态禁用删除按钮的操作：

selModel         : Ext.create('Ext.selection.CheckboxModel',{
   id        : Ext.id(),
   listeners : {
      selectionchange: function(sm, selections) {
         Ext.getCmp('delBt').setDisabled(selections.length == 0);
      }
   }
}),