jeasyui datagrid之onAfterRender渲染完成后的处理


由于需要在datagrid数据渲染完毕后做添加一些样式和事件,因此用到了onAfterRender
查找相关文章:jeasyui datagrid onAfterRender

需要加一个这样的玩意


当点击圆圈时会显示滑动效果并触发ajax动作,这里用到了jquery的一个onoff switch插件

https://plugins.jquery.com/onoff/


数据渲染完成后给这个checkbox添加onoff样式,点击时触发事件

var onAfterRender = $.fn.datagrid.defaults.view.onAfterRender;
    	$.extend($.fn.datagrid.defaults.view, {
    		onAfterRender: function(target){
    			onAfterRender.call(this, target);
    			var rows = $(target).datagrid('getRows');
    			$(target).datagrid('getPanel').find('tr[datagrid-row-index]').each(function(){
    				var ck = $(this).find('div.datagrid-cell input:checkbox');
    				ck.onoff();
    				ck.click(function(){
    	        		    var _this = this;
    	        		    //提交更改 ajax事件写在这里    	        		
    				});
    			});
    		}
    	});