Extjs 列表动态显示

来源:互联网 发布:cf刷雷神软件免费版 编辑:程序博客网 时间:2024/06/01 07:25
var columns = [];
Ext.define('OnlyCarApp.view.OnlyCarListView' ,{
    extend : 'Ext.grid.Panel',
    alias : 'widget.onlycarListView',
            title: '单车利润统计列表',
            autoWidth: true,
            autoHeight : true,
            region: "center",
            border: true,
            frame: true,
            id:'onlycarlistview',
            multiSelect: true,
            stripeRows:true//表格是否隔行换色,默认为false
            loadMask:true,   //是否在加载数据时显示遮罩效果,默认为false
            columns: columns,
            store : "OnlyCarListStore",
             tbar:[{
                    text:'Excel导出',
                    iconCls:'common-excel-icon',
                    action : 'export'
                }],
            bbar : {
                xtype : 'pagingtoolbar',
                store: "OnlyCarListStore",
                displayInfo: true,   
                displayMsg: '显示 {0} - {1} 条,共计 {2} 条',   
                emptyMsg: "没有数据" 
            }    
}
);
Ext.Ajax.request({
        url: window.BIZCTX_PATH + '/summary/summaryjson/selOnlyCarRow.action',
        success: function(response,selfobj){
            var text = response.responseText;
            var textobj=eval('('+text+')');  
            var columns = textobj.result.list;
            var store = Ext.StoreManager.get('OnlyCarListStore');
            Ext.getCmp('onlycarlistview').reconfigure(store, columns);
        },
        failure: function(){
                Ext.Msg.alert('提示','加载错误,请重试');
        }
 });
0 0
原创粉丝点击