GridManager让前端飞Web 前端开发

GridManager常见问题

2018-01-15  本文已影响11人  前端沐先生
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

作者:@拭目以待表格管理开源项目GridManager

Want to know How To Make Love?I know HTML!

上一篇下一篇

猜你喜欢

热点阅读