jeasyui插件扩展datagrid-filter的改善

最新推荐文章于 2021-07-21 14:58:29 发布

nthuawei

最新推荐文章于 2021-07-21 14:58:29 发布

阅读量850

点赞数

分类专栏： all 文章标签： easyui datagrid-filter

本文链接：https://blog.csdn.net/nthuawei/article/details/52021658

版权

本文介绍了针对jeasyui的datagrid-filter插件进行的两项改进：修复在1.4.5版本下出现的错位问题，通过调整resizeFilter函数中的宽度计算；提升中文输入的响应速度，增强用户体验。同时，还讲述了如何实现隐藏字段不生成过滤器，以优化数据网格的显示。

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

1,解决datagrid-filter在easyui 1.4.5版本下会出现错位的情况:

datagrid-filter.js中找到resizeFilter函数,this.filter.resize(this, col.width - btn._outerWidth());改为this.filter.resize(this, col.width - btn._outerWidth()-1);

2,改善中文输入的响应:

3,隐藏字段不产生过滤器:

修改createFilter(frozen)函数:

function createFilter(frozen){
			var dc = state.dc;
			var fields = $(target).datagrid('getColumnFields', frozen);
			if (frozen && opts.rownumbers){
				fields.unshift('_');
			}
			var table = (frozen?dc.header1:dc.header2).find('table.datagrid-htable');
			table.find('tr').each(function(){
				$(this).height($(this).height());
			});
			
			// clear the old filter component
			table.find('input.datagrid-f