easyUI dataGrid页面实现局部刷新

我们在修改状态的时候往往希望是点击一个按钮,然后状态改变其他东西不变,其实很简单 使用ajax提交数据,成功后加上一句话就可以了。

 $('#teacherDataGrid').datagrid('reload'); //在向服务器改变数据之后,更新前台数据。
此id为table的id
 function auditNoFun(id){
    	 if (id == undefined) {
             var rows = teacherDataGrid.datagrid('getSelections');
             id = rows[0].id;
         } else {
             teacherDataGrid.datagrid('unselectAll').datagrid('uncheckAll');
         }
    	 
  	    var noState=2;
   		$.ajax({
   			type:'post',
   			url:'${path }/teacher/edit',
   			data:{
   				"state":noState,
   				"id":id
   			},
  			 success : function(result) {
  	                if (result==200) {
  	                    /* $('#spState').html("审核不通过"); */
  	                	/* $('#teacherDataGrid').datagrid('updateRow',{
  	          		    index: rowIndex,
  	          		    row: {
  	          		        state:'不通过'
  	          		    } 
  	          		});*/
  	          	        $('#teacherDataGrid').datagrid('reload');//在向服务器改变数据之后,更新前台数据。 
  	          			parent.$.messager.alert('提示', "修改成功", 'info');
  	                } else {
  	                    parent.$.messager.alert('错误', "修改失败", 'error');
  	                }
  	            }
   		});
    }




你可能感兴趣的:(easyUI)