2015.7.31 easyUI 的editor

easyUI  的editor

dategrid中能夠對 行進行編輯 使用editor方法

 

<th data-options="field:'name',sortable:true,halign:'center',editor:'text'" width="150" rowspan="2">名稱</th>

開啓編輯模式

function edit(){
    var row=$('#datagrid').datagrid('getRows');
    if(!row){
        showError("請選擇至少一行記錄!");
        return;
    }
    for(var i=0;i<row.length;i++){
    $('#datagrid').datagrid('beginEdit',i);
    }  
}

編輯完保存

function save(){
    var row2=$('#datagrid').datagrid('getRows');
   
    for(var i=0;i<row2.length;i++){
        var a=$('#datagrid').datagrid('getRowIndex',row2[i]);
        $("#datagrid").datagrid("endEdit",a);
    }
    $("#datagrid").datagrid("unselectAll");
}

dategrid定義的屬性

<table id="datagrid" class="easyui-datagrid"  fit="true" style="width:100%;" 
		data-options="
		rownumbers:true,
		pagination:true,
		singleSelect:false,
		toolbar:'#toolbar',
		onDblClickRow:onDblClickRow,
		onAfterEdit:onAfterEdit5
		halign:'center',
		queryParams:{city:'${sUser.priceAreaId}',paperNumber:true},
		url:'${basePath}resourcePrice/getData'"
		>

　　

調用  endEdit 方法後，會執行  onAfterEdit 方法

function onAfterEdit5(rowIndex, row, changes){
	var url="resourcePrice/save";
	row.itemType=4;
	$.post(url,row,function(json){
		showMsg(json.msg);
	},"json");
}

　或者

function afterEdit(index,row,changes){
		changes.id = row.id;
		changes.pid = $('#saveId').val();
		var url = basePath + 'resourcePrice/save'; 
                 $.post(url,changes,function(js){
                    showInfo({msg:js.msg}); 
                    $("#datagrid").datagrid('reload'); 
                    },'json'); }

　　

editor:'text' 類型選擇    text,textarea,checkbox,numberbox,validatebox,datebox,combobox,combotree

combobox的實現   

<th data-options="field:'cerType',align:'center',width:100,editor:{
                            type:'combobox',options:{
                                valueField:'name',    
                                textField:'name',
                                url:'baseData/listBaseDatas/PRACTICING_CERTIFICATE_TYPE'
                            }}">證書類型</th>

 

　也能夠這樣寫

<th data-options="field:'baseFeeType',halign:'center',editor:{
                            type:'combobox',
                            options:{
                                valueField:'id',
                                textField:'text',
                             
                                data:[{id:'人工',text:'人工'},{id:'建設工程經常使用材料',text:'建設工程經常使用材料'},{id:'商品混凝土',text:'商品混凝土'},{id:'預拌砂漿',text:'預拌砂漿'},{id:'經常使用安裝工程主材',text:'經常使用安裝工程主材'} ,{id:'經常使用裝飾工程主材',text:'經常使用裝飾工程主材'} ,{id:'經常使用市政工程主材',text:'經常使用市政工程主材'} ,{id:'經常使用園林苗木',text:'經常使用園林苗木'} ,{id:'其餘',text:'其餘'} ],
                                required:true
                            }
                        }" width="90" rowspan="2">習慣分類</th>