EXTJS4.2에서 단일 및 다중 선택 상자

5846 단어
EXTJS4.2의 단일 및 다중 선택 상자.
라디오 상자:
var flag1 = 1;  // 
var dataSource = '';
var myStore = '';
var page = '';
var grid = '';
var records = '';
$(function(){
	$('#p').panel('close');
})
Ext.require([
	'Ext.grid.*',
	'Ext.data.*'
]);
Ext.onReady(function() {
	Ext.QuickTips.init();//  

	//  store  model
	Ext.define('flow_analyse', {
		extend : 'Ext.data.Model',
		fields : [ {
			name : 'validity',
			type : 'String'
		}, {
			name : 'city',
			type : 'String'
		}, {
			name : 'role',
			type : 'String'
		}, {
			name : 'name',
			type : 'String'
		}]
	});

	myStore = Ext.create('Ext.data.Store', {
		model : 'flow_analyse',
		reader: {
            type: 'json',
            root: dataSource
        },
		autoLoad : false
	});
	var multiSelect1=Ext.create('Ext.selection.CheckboxModel',{// 
		mode:"SINGLE"// . SINGLE, SIMPLE,   MULTI.  MULTT, SINGLE 
	});
	 grid = Ext.create('Ext.grid.Panel', {
		renderTo : 'information_date',//  div 
		frame : true,//  
		forceFit : true,//  panel 
		autoHeight:true,
		selModel:multiSelect1,
		columns : [//  
		{ text:' ', xtype: 'rownumberer', width:50, align : 'center'},
		{
			text : " ",
			dataIndex : 'name',
			width : 100,
			align : 'center'
		},{
			text : " ",
			dataIndex : 'role',
			width : 100,
			align : 'center'
		}, {
			text : " ",
			dataIndex : 'city',
			width : 100,
			align : 'center'
			
		}, {
			text : " ",
			dataIndex : 'validity',
			width : 100,
			align : 'center'
			
		}],
		store : myStore
	});
	/**
	 *  EXT ,Ext.onReady(function(){}) $(function(){}) 
	 */
	YYYYMMDDstart();
	onclickMenu();
});
단일 선택 상자에서 선택한 값:
/**
 *  
 */
function updateUser(){
	records = this.grid.getSelectionModel().getSelection();
	if(records!=''){
		var city = records[0].data.city;
		// 
		$('#p').panel('open');
	}else{
		$.messager.alert(' '," !");
	}
}

다중 선택 상자:
Ext.onReady(function() {
	Ext.QuickTips.init();//  

	//  store  model
	Ext.define('flow_analyse', {
		extend : 'Ext.data.Model',
		fields : [ {
			name : 'dateTime',
			type : 'String'
		},{
			name : 'formNum',
			type : 'String'
		},{
			name : 'customerNum',
			type : 'String'
		}, {
			name : 'customerPhone',
			type : 'String'
		}, {
			name : 'customerCountry',
			type : 'String'
		}, {
			name : 'localtion',
			type : 'String'
		}, {
			name : 'content',
			type : 'String'
		}, {
			name : 'customerClassification',
			type : 'String'
		}, {
			name : 'star',
			type : 'String'
		}]
	});

	myStore = Ext.create('Ext.data.Store', {
		model : 'flow_analyse',
		reader: {
            type: 'json',
            root: dataSource
        },
		autoLoad : false
	});
	var multiSelect1=Ext.create('Ext.selection.CheckboxModel');
	 grid = Ext.create('Ext.grid.Panel', {
		renderTo : 'information_date',//  div 
		frame : true,//  
		forceFit : true,//  panel 
		autoHeight:true,
		selModel:multiSelect1,
		columns : [//  
		{ text:' ', xtype: 'rownumberer', width:50, align : 'center'},
		{
			text : " ",
			dataIndex : 'dateTime',
			width : 100,
			align : 'center'
		},{
			text : " ",
			dataIndex : 'formNum',
			width : 100,
			align : 'center'
		}, {
			text : " ",
			dataIndex : 'customerNum',
			width : 100,
			align : 'center'
			
		}, {
			text : " ",
			dataIndex : 'customerPhone',
			width : 100,
			align : 'center'
			
		} , {
			text : " ",
			dataIndex : 'customerCountry',
			width : 100,
			align : 'center'
			
		}, {
			text : " ",
			dataIndex : 'localtion',
			width : 100,
			align : 'center'
			
		}, {
			text : " ",
			dataIndex : 'content',
			width : 100,
			align : 'center'
			
		}, {
			text : " ",
			dataIndex : 'customerClassification',
			width : 100,
			align : 'center'
			
		}, {
			text : " ",
			dataIndex : 'star',
			width : 100,
			align : 'center'
			
		}, {
   			text : " ",
   			dataIndex : ' ',
   			width : 100,
   			align : 'center',
   			menuDisabled:true,
   			renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){
   				var returnStr = "<span style='margin-right:10px'><a href='#' style='text-decoration:underline;color:#5DA4AC;' onclick='complaintsAnalysis(\""+rowIndex+"\")'> </a></span>";
   				return returnStr;
   			}
   		}],
		store : myStore
	});
	/**
	 *  EXT ,Ext.onReady(function(){}) $(function(){}) 
	 */
	YYYYMMDDstart();
	onclickMenu();
});
다중 선택 상자에서 선택한 값:
/**
 *  
 * @param formNum
 * @param localtion
 */
function checkOrder(){
	records = this.grid.getSelectionModel().getSelection();
	var formNums = '';
	var localtions = '';
	$.each(records, function(i, val){
		formNums = formNums + ";"+ val.data.formNum;
		localtions = localtions + ";"+ val.data.localtion;
	})
	window.open(path+'/ComplaintsPendingController/redirectBatchAnalysis.do?formNums='+formNums+'&localtions='+localtions);
}

좋은 웹페이지 즐겨찾기