Jeecgダブルクリック編集とダブルクリック選択を実現

ドロップダウン選択になるフィールドにextendParams="editor:‘text’"

を追加

<t:dgCol title="    "  field="companyName"  extendParams="editor:'text'" queryMode="group"  width="120">t:dgCol>

select 2実装を使用して、select 2のcssおよびjs

をインポートする

<link rel="stylesheet" href="plug-in/select2/css/select2.min.css">
<script type="text/javascript" src="plug-in/select2/js/select2.full.min.js">script>

jsメソッド

//     
function db_edit(rowIndex,rowData){
     
	var index= $('#airportCargoTrackingList').datagrid('getRowIndex', rowData);
	$('#airportCargoTrackingList').datagrid('beginEdit', index);
	arrIndex.push(index)
	
	//            
	var ed = $("#airportCargoTrackingList").datagrid('getEditor', {
     index:index,field:"companyName"});
	var companyId = $("#airportCargoTrackingList").datagrid('getEditor', {
     index:index,field:"companyId"});
	var select2Data = new Array();
	$.ajax({
     
		url : "airportCargoTrackingController.do?getCustomer",
		type:'GET',
		dataType:'JSON',
		delay: 250,
		cache: true,
		success: function(data){
     
			for(var i = 0; i < data.length; i++){
     
				var select2Obj = {
     };
				
				select2Obj.id = data[i].id;
				select2Obj.text = data[i].cus_company;
				select2Data.push(select2Obj);
			}
			//  ed.target       
			$(ed.target).select2({
     
				data: select2Data,
				placeholder:'     ',//      
			    language: "zh-CN",//  
			    allowClear: true//    
			});
			
			$(ed.target).val(rowData.companyId).trigger('change')
			$(ed.target).change(function(){
      	  				 
				 //          					 
				 var temp = $(this).select2("data"); 
				 var name = temp[0].text;
				 var id = temp[0].id;
				 $(companyId.target).val(id)
				 $(ed.target).val(name);	
			 });

		}
	});
}