GridManager常见问题

作者: 前端沐先生 | 来源:发表于2018-01-15 12:46 被阅读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!

    相关文章

      网友评论

        本文标题:GridManager常见问题

        本文链接:https://www.haomeiwen.com/subject/yfwroxtx.html