easyui datagrid editor在编辑状态下更新列值并不结束编辑。

最新推荐文章于 2024-08-14 19:45:54 发布

呆呆的书写

最新推荐文章于 2024-08-14 19:45:54 发布

阅读量1.2w

点赞数

文章标签： datagrid easyui

本文链接：https://blog.csdn.net/y136118630/article/details/51701760

版权

当尝试在easyui datagrid的编辑状态下更新列值时，由于添加了"class:datagrid-editable"，导致结束编辑时无法正常获取editor对象。为了解决这个问题，需要在easyui.min.js源码中增加特定处理，确保在更新列值后能够正确结束编辑。

摘要由CSDN通过智能技术生成

首先是自定义了一个方法uodateColumn更新列值

/**
			 *自定义的修改列值方法 
			 */
			$.extend($.fn.datagrid.methods, {
				updateColumn: function(datagrid,data) {
					datagrid.each(function(){
						//获取缓存中的配置数据
						var gridObj=$.data(this,"datagrid");
						var opts=gridObj.options;
						//获取行数据
						var row=opts.finder.getRow(this,data.index);
						data.row=data.row||{};
						var update=false;
						//判断是否需要更新
						for(var updateColumn in data.row){
							if(data.row[updateColumn]!==row[updateColumn]){
								update=true;
								break;
							}
						}
						if(update){
							var tr=opts.finder.getTr(this,data.index);
							var view=opts.view.renderRow.call(opts.view,this,["attr1"],true,data.index,data.row);
							if(tr.hasClass("datagrid-row-editing")){
								//找到所有需要更新值的列
								tr.find('div').each(function(i){
									if(data.row[$(this).parent().attr('field')]!=undefined)