Ext4.2 grid 삽입 확인란, 줄 번호, 지정 순서


1. 줄 번호
var rm = new Ext.grid.RowNumberer({header:','width:28}), 또는 {xtype:'rownumberer','width:28},
 
2. 확인란
// checkBox  
	var selModel = Ext.create('Ext.selection.CheckboxModel',{
		injectCheckbox: 1	  // 
        //mode: "SIMPLE",     //"SINGLE"/"SIMPLE"/"MULTI"
        //checkOnly: true     // checkbox 
	});

 
Ext4의 grid에서 selModel을 설정합니다. Ext3의 sm가 아닙니다.
grid에서 selType과 selModel을 설정하겠습니다. 설정을 다 쓰고 싶습니다.
var gridOrganization = Ext.create('Ext.grid.Panel', {
	    title: ' ',
	    region: 'center',
	    margins: '3 0 0 0',
	    store: stoOrganization,
	    selType: "checkboxmodel",
	    selModel: {
	        injectCheckbox: 1	// 
//	        mode: "SIMPLE",     //"SINGLE"/"SIMPLE"/"MULTI"
//	        checkOnly: true     // checkbox 
	    },
	    columns: [
	        //new Ext.grid.RowNumberer({header : '',width : 28}),
	        {xtype: 'rownumberer', header: '', width: 28},
	        //selModel,
	        { header: 'id',  dataIndex: 'id', hidden: true},
	        { header: 'parentId', dataIndex: 'parentId', hidden: true, flex: 1 },
	        { header: ' ', dataIndex: 'code'},
	        { header: ' ', dataIndex: 'name' },
	        { header: ' ', dataIndex: 'sortno' }
	    ],
//	    dockedItems: [{
//	        xtype: 'pagingtoolbar',
//	        store: stoOrganization,   // GridPanel 
//	        dock: 'bottom',
//	        displayInfo: true
//	    }]
	    tbar: Ext.create('Ext.toolbar.Toolbar', {
	        items: [
	            {
	                // xtype: 'button', //  
	                text: ' ',
	                id : 'btn_add',
					iconCls : 'addIcon',
					handler : function() {
						initAdd();
					}
	            }, {
	                text: ' ',
	                id : 'btn_modify',
	                iconCls : 'page_edit_1Icon',
					handler : function() {
						initModify();
					}
	            }, {
	                text: ' ',
	                id : 'btn_remove',
	                iconCls : 'page_delIcon',
					handler : function() {
						remove();
					}
	            }
	        ]
	    }),
	    bbar: Ext.create('Ext.PagingToolbar',{
            store: stoOrganization, 
            displayInfo: true, 
            items : ['-', '  ', pagesize_combo]
//            displayMsg: 'Displaying topics {0} - {1} of {2}', 
//            emptyMsg: "No topics to display", 
	    }),
	    listeners: {
	    	//'itemclick' : function(view,record,item,index,e,eOpts){ 
	    	itemdblclick: function(view,record,item,index,e,eOpts){
	    		//alert(record.data.id);
	    		formPanelDetails.getForm().reset();
	    		formPanelDetails.loadRecord(record);
	    		winDetails.show();
	    	}
	    }
	});

좋은 웹페이지 즐겨찾기