Ext.define('MyApp.view.homepage.ConsoleFirstLevelAdvert' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.consolefirstleveladvert',
    requires:['Ext.toolbar.Paging','Ext.data.*','Ext.util.*','Ext.grid.*','Ext.state.*'],
    id:'homepageconsolefirstleveladvert',
    closable:true,
    initComponent: function() {
        var rowEditing = Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToMoveEditor: 1,
            autoCancel: false
        });
        var store = new Ext.data.JsonStore({
            storeId: 'listconsolefirstleveladvert',
            pageSize:2,
            proxy: {
                type: 'ajax',
                api: {
                     read: 'listconsolefirstleveladvert.do',
                     update: 'update_consolefirstleveladvert.do',
                 },
                reader: {
                    type: 'json',
                    root: 'root',
                    totalProperty :'totalProperty'
                },
                writer: {
                    type: 'json',  
                    allowSingle: false,
                    writeAllFields: true,    
                    root: 'data'
                }
            },
            autoSync: true,
            autoLoad: {start: 0, limit: 2},
            fields: ['productId', 'productTitle', 'productName','productPrice','pictureUrl', 'productDeposit', 'categoryId','url']
        });
        this.plugins=[rowEditing];
        this.store =store; 
        this.columns = [
                        {header: '编号',  dataIndex: 'productId', hidden:true, flex: 1},
                        {header: '产品标题', dataIndex: 'productTitle',editor:'textfield', flex: 1},
                        {header: '产品名称', dataIndex: 'productName', editor: 'textfield',flex: 1},
                        {header: '产品价格',  dataIndex: 'productPrice', editor: 'numberfield',flex: 1},
                        {header: '图片地址', dataIndex: 'pictureUrl',editor: 'textfield', flex: 1},
                        {header: '商品库存', dataIndex: 'productDeposit', flex: 1},
                        {header: '类目ID',  dataIndex: 'categoryId', flex: 1},
                        {header: '详细页面', dataIndex: 'url', editor: 'textfield',flex: 1}
                    ];
        this.dockedItems = [{
              xtype: 'pagingtoolbar',
              store: store,   // same store GridPanel is using
              dock: 'bottom',
              displayInfo: true,
              displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
              emptyMsg: "没有数据"
        },{
            xtype: 'toolbar',
                dock: 'top',
                items: [
                { 
                   xtype: 'button', 
                   text: '增加' ,
                   handler:function(){
                       rowEditing.cancelEdit();
//                     var panelModel = Ext.getCmp('homepageconsolefirstleveladvert').getSelectionModel();
//                     var panelModel = this.up("panel").getSelectionModel();
                     var panelModel = this.up("panel").getSelectionModel();
                     store.insert(0,panelModel);
                     rowEditing.startEdit(0, 0); 
                } 
                },
                { xtype: 'button', text: '删除' },
                { xtype: 'button', text: '修改' ,handler:function(){
                    store.sync();
                    store.reload();
                }
                }]
        }];
       
        this.callParent();
    },
    
    listeners : {
        itemdblclick: function(dv, record, item, index, e) {
        }
    },
});