GridManager常见问题
API上存在的属性或方法,自已配置后却不生效?
可以通过 document.querySelector('table').GM('get').version 查看 GridManager 版本号。如版本号与主站版本存在差异,请重新下载新版本进行尝试。
数据在渲染前就已经存在,如何配置?
可以通过参数 ajax_data 进行配置,如果存在配置数据 ajax_data,将不再通过 ajax_url 进行数据请求。且 ajax_beforeSend、ajax_error、ajax_complete 将失效,仅有 ajax_success 会被执行。
如何在数据请求中增加筛选条件?
可以通过参数query进行配置,该参数会在 GirdManager 实例中一直存在。并且可以在筛选条件更改后通过 document.querySelector('table').GM('setQuery') 方法进行重置。
开发中想查看当前的GirdManager实例中的数据怎么实现?
通过 document.querySelector('table').GM('get') 方法可以获得完整的 GirdManager 对象。通过 document.querySelector('table').GM('getLocalStorage') 可以获得本地存储信息。
实例化出错怎么办?
查看DOM节点是否为 <table grid-manager="test"></table> 格式。查看配置项 columnData 中key值是否与返回数据字段匹配。
后端语言返回的数据格式与插件格式不同怎么处理?
可以通过参数 [dataKey:ajax请求返回的列表数据key键值, 默认为data], [totalsKey:ajax请求返回的数据总条数key键值,默认为totals] 进行配置。
表格th中的文本显示不全
查看配置项 [columnData] 中的 width, 将该值提高或不进行设置由插件自动控制;如果还为生效,那是由于当臆实例开始了记忆功能; 解决方法为:将 localStorage 中包含与当前表格 grid-manager 名称对应的项清除,或使用 localStorage.clear() 将本地存储全部清除。
想清除当前记忆的宽度及列位置时怎么办?
可使用 clear 方法,调用方式: document.querySelector('table').GM('clear');
某一例配置的宽度为100px, 而生成的宽度却不是100px,并且出现了横向滚动条?
这是因为该列的文本实际所占宽度超出了100px, 移除宽度配置或将宽度配置到合理值即可.
GridManager 对宽度进行配置时, 会参照当前列th文本的实际宽度值. 从而达到th文本在初始展示的完整性。
因此在配置宽度时需要参照实际场景, 并建议留下一列做为自适应时的缓冲.
特别注意的是: 当最后一列配置了宽度, 且配置的宽度小于文本所占的实际宽度时. 表格将会出现横向滚动条.
GridManager API
GridManager github