Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux', './ext-4.0/ux/');
Ext.require([
    'Ext.data.*',
    'Ext.grid.*',
    'Ext.util.*',
    'Ext.ux.data.PagingMemoryProxy',
    'Ext.ux.ProgressBarPager'
]);

Ext.onReady(function(){
	
	Ext.define('T_MMS_MOBAN', {
        extend: 'Ext.data.Model',
        idProperty: 'mms_moban_id',
		fields:[
				{name:'mms_moban_id',type:'int',useNull : true},
				{name:'mms_moban_name',type:'string'},
				{name:'mms_moban_type',type:'string'},
				{name:'mms_moban_create_user',type:'string'},
				{name:'mms_moban_create_time',type: 'date', dateFormat: 'Y-m-d HH:mm:ss'}
			 ]
    });
    // create the data store
    var store = Ext.create('Ext.data.Store', {
        model: 'T_MMS_MOBAN',
        remoteSort: true,
        pageSize: 10,
        proxy: {
            type: 'ajax',
            url: './mmsTelate.action',  //請(qǐng)求的服務(wù)器地址
		 	reader: {
                type: 'json',
		        root:'root',
		        totalProperty:'totalProperty'
            }
        }
        
    });
    var toolbar =[{text :'刪除',iconcls:'add',handler:deleteUser},{text :'修改',iconcls:'add',handler:updateUser},{}];
    //創(chuàng)建多選框
	var checkBox = Ext.create('Ext.selection.CheckboxModel'); 
	var cellEditing = Ext.create('Ext.grid.plugin.CellEditing',{clicksToEdit:2});//表示“雙擊”才可以修改內(nèi)容（取值只能為“1”或“2”）
    
    // create the Grid
    var grid = Ext.create('Ext.grid.Panel', {
    	//title:'Progress Bar Pager',
    	tbar:toolbar,
        store: store,
        selModel:checkBox,
		//表示可以選擇行
		disableSelection: false,
		columnLines: true, 
		loadMask: true, 
		//添加修改功能
		plugins: [cellEditing] ,
        columns: [
        			{text : '編號(hào)',sortable: true,dataIndex: 'mms_moban_id',width: 100},
					{text : '名稱',sortable: true,dataIndex: 'mms_moban_name',width: 100},
        			{text : '類型',sortable: true,dataIndex: 'mms_moban_type',width: 100},
        			{text : '創(chuàng)建人',sortable: true,dataIndex: 'mms_moban_create_user',width: 100},
        			{text: '創(chuàng)建時(shí)間',sortable: true,dataIndex: 'mms_moban_create_time',width: 100},
        			{text:'操作',width: 100,
        				  items:[{text:'預(yù)覽',
        				  		 // xtype:'panel',
        				  		 // id:'index',
        				  		  iconCls:'homemanage', 
        				  		  title:'預(yù)覽'
                                 // html:'<iframe src='http://www.'scrolling='yes' frameborder=0 width=100% height=100%></iframe>'
							   }]
					}

        			
        	],
        stripeRows: true,
        height:600,
        width:600,
        frame:true,

        bbar: Ext.create('Ext.PagingToolbar', {
            pageSize: 10,
            store: store,
            displayInfo: true,
            //xtype :'pagingtoolbar',
   			plugins: Ext.create('Ext.ux.ProgressBarPager', {})
        })
    });

    grid.render('grid-example');

    store.load();
    
    function updateUser(){
    }
    
    function deleteUser(){
				//得到選中的行
				var data = grid.getSelectionModel().getSelection();
				if(data.length == 0) {
					Ext.MessageBox.show(
							'提示',
							'請(qǐng)選擇您要操作的行！'
					);
				}else{
					Ext.Msg.confirm(
							'請(qǐng)確認(rèn)',
							'是否真的要?jiǎng)h除數(shù)據(jù)',
							function(button,text){
								if(button == "yes"){
									//用于存放所要?jiǎng)h除的數(shù)據(jù)
									var ids = [];
									//遍歷并放入ids中
									Ext.Array.each(
											data,
											function(record){
												ids.push(record.data);
											}
									);
									alert(ids.length);
									Ext.Ajax.request(
											
											{
												url:'./deleteMmsID.action',
												params:{
													//在后臺(tái)接收deleteUsers為要?jiǎng)h除的對(duì)象
													deleteMmss:Ext.encode(ids)
												},
												method:'POST',
												
												success:function (response){
													var success = Ext.decode(response.responseText).success;
													if(success){
														Ext.Array.each(data,function(record){
																//刪除store中的數(shù)據(jù)，頁面效果
																store.remove(record);
															}
																
														)
													}else{
														Ext.MessageBox.show(
																'提示',
																'刪除失敗'
														)
													}
												}
											}
									)
								}
							}
					);
					
					
				}
			}

});