jqgrid 행 편집

3514 단어
ondblClickRow: function(id){
	if(id && id !== lastsel){
		var rowData = $("#jqGridId").jqGrid("getRowData", id); 
		$('#jqGridId').jqGrid('restoreRow',lastsel);
		$('#jqGridId').jqGrid('editRow',id,{
			keys : true,		// [enter] 
			url: s2web.appURL + "jq/save.action",
			mtype : "POST",
			restoreAfterError: true,
			extraparam: {
				"ware.id": rowData.id,
				"ware.warename": $("#"+id+"_name").val(),
				"ware.createDate": $("#"+id+"_date").val(),
				"ware.number": $("#"+id+"_amount").val(),
				"ware.valid": $("#"+id+"_type").val()
			},
			oneditfunc: function(rowid){
				console.log(rowid);
			},
			succesfunc: function(response){
				alert("save success");
				return true;
			},
			errorfunc: function(rowid, res){
				console.log(rowid);
				console.log(res);
			}
		});
	}
}

 
jQuery("#grid_id").jqGrid('editRow',rowid, keys, oneditfunc, succesfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc);

 
jQuery("#grid_id").jqGrid('editRow',rowid,  {
	"keys" : false,
	"oneditfunc" : null,
	"successfunc" : null,
	"url" : null,
        	"extraparam" : {},
	"aftersavefunc" : null,
	"errorfunc": null,
	"afterrestorefunc" : null,
	"restoreAfterError" : true,
	"mtype" : "POST"
});

 
여기 는 상기 각 매개 변수 의 뜻 에 대해 간단한 설명 을 한다
  • rowid: 현재 편집된rowid
  • succesfunc: 변경 함수를 정의하면 요청이 성공적으로 호출된 후에 바로 되돌아옵니다. 이 함수 서명은 서버가 되돌아오는 데이터를 포함합니다.동시에 이 함수는tue/false를 되돌려야 합니다
  • url: 변경 값을 정의하면 jqGrid의 editurl을 덮어씁니다. (물론 url과 editurl이 없으면 오류가 발생합니다.)url = "clientArray"를 사용하면 서버에 요청을 터치하지 않고 나중에 수동으로 수정을 호출할 수 있습니다
  • extraparam: 요청 매개 변수 목록 {name:value,name:value},requestData에 append를 서버에 보냅니다
  • aftersavefunc: 개함수를 정의하면 데이터가 서버에 저장된 후 바로 호출됩니다. 이 함수는rowid,response 파라미터를 받아들입니다.마찬가지로 위의 URL = "clientArray"함수도 똑같이 실행됩니다
  • errorfunc: 개함수를 정의하면 데이터가 서버에 저장된 후에 호출됩니다. 이 함수는rowid,response 파라미터를 받아들입니다
  • afterrestorefunc: 개함수를 정의하면restoreRow 다음에 호출되고rowid를 매개 변수로 받아들입니다

  • ... 에 있다http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing의 innerEdit에는 다음과 같은 몇 가지 방법이 있습니다.
    쓰다
    editRow//사용자가 edit 이벤트를 시작할 때 이 방법을 호출합니다
    saveRow//사용자는 이 방법을 호출할 필요가 없습니다. 편집할 때 자동으로 호출됩니다.
    restoreRow//현재 editRow 롤백
    addRow//새 row
    inlineNav
     
     
    $("#addBtn").bind("click", function() {
    		$("#jqGridId").jqGrid('addRow',{
    			rowID : "new_row",
    		    initdata : {},
    		    position :"first",
    		    useDefValues : true,
    		    useFormatter : true,
    		    addRowParams : {extraparam:{
    		    	
    		    }}
    		});
    		// id 
    		$('#jqGridId').jqGrid('editRow','new_row',{
    			keys : true,		// [enter] 
    			url: s2web.appURL + "jq/save.action",
    			mtype : "POST",
    			restoreAfterError: true,
    			extraparam: {
    			},
    			oneditfunc: function(rowid){
    				console.log(rowid);
    			},
    			succesfunc: function(response){
    				alert("save success");
    				return true;
    			},
    			errorfunc: function(rowid, res){
    				console.log(rowid);
    				console.log(res);
    			}
    		});
    	
    }); 

    ... 에서http://mj4d.iteye.com/blog/1633462

    좋은 웹페이지 즐겨찾기