easyUI dataGrid页面实现局部刷新

梦里梦外; 2022-06-01 12:27 746阅读 0赞

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

$('#teacherDataGrid').datagrid('reload'); //在向服务器改变数据之后，更新前台数据。

此id为table的id

<div data-options="region:'center',border:true,title:'教师列表'" style="overflow: auto;">
            <table id="teacherDataGrid" data-options="fit:true,border:false"></table>
        </div>

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');
      	                }
      	            }
       		});
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，746人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyui 刷新datagrid_easyUI跨tab刷新datagrid

需要在当前页(tab)完成操作后刷新另外一个tab中datagrid的数据，然而在当前tab中获取到datagrid调用其load方法，datagrid从服务器获取到数据了，但

偏执的太偏执、/ 2022年12月31日 09:30/ 0 赞/ 228 阅读

相关 Vue实现页面的局部刷新（router-view页面刷新）

[https://blog.csdn.net/a5252145/article/details/102745598?utm\_medium=distribute.pc\_rel

港控/mmm°/ 2022年12月22日 11:23/ 0 赞/ 369 阅读

相关 easyUI dataGrid页面实现局部刷新

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

梦里梦外;/ 2022年06月01日 12:27/ 0 赞/ 747 阅读

相关使用AjaxAnywhere实现页面局部刷新

前言页面局部刷新是日常工作中使用的很多的功能，通常会借助jQuery的load/get/post/ajax方法，或者使用jquery.form.js的ajaxSubmi

落日映苍穹つ/ 2022年05月14日 01:30/ 0 赞/ 322 阅读

相关 HTML页面局部刷新的实现代码

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

系统管理员/ 2022年04月25日 00:32/ 0 赞/ 526 阅读

相关 jquery刷新页面（局部及全页面刷新）

局部刷新：这个方法就多了去了，常见的有以下几种； $.get方法，$.post方法，$.getJson方法,$.ajax方法如下前两种使用方法基本上一样 $.get

冷不防/ 2021年11月16日 10:31/ 0 赞/ 467 阅读

相关 HTML页面局部刷新的实现代码

事件响应刷新：有请求才会刷新 1、通过JS HTML DOM或jQuery获取HTML元素，通过DOM方法或jQuery方法监听页面事件，获取用户请求； 2、通过Aja

桃扇骨/ 2021年11月01日 18:40/ 0 赞/ 679 阅读

相关 HTML页面局部刷新的实现代码

事件响应刷新：有请求才会刷新 1、通过JS HTML DOM或jQuery获取HTML元素，通过DOM方法或jQuery方法监听页面事件，获取用户请求； 2、通过Aja

雨点打透心脏的1/2处/ 2021年11月01日 18:16/ 0 赞/ 498 阅读

相关 Vue实现页面的局部刷新

1. 首先需要修改App.vue ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

谁践踏了优雅/ 2021年07月25日 13:03/ 0 赞/ 508 阅读

相关页面局部刷新

场景：页面A使用第三方插件C，如果页面刷新，C会重新初始化并且无法记录之前的信息。现在希望页面的主要功能区B刷新，但是C的信息不要丢失。解决方案：B采用iframe方式...

红太狼/ 2020年06月23日 17:35/ 0 赞/ 1072 阅读