当前位置: 首页 > 工具软件 > Layui-Admin > 使用案例 >

layui-soul-table 问题

施彬彬
2023-12-01

在layui 中使用插件soul-table ,有些问题需要解决:

错误1:http://localhost/pblcbl/module/tableFilter.js  404 

很明显是引入的tableFilter.js 文件的路径不对。解决方式:

  1. 将tableFilter.js 放到正确的位置,就可以加载了(不推荐,造成很多加载的插件都放到了相同的目录下,混乱,易错)。
  2. 在调用soulTable 的页面中继承相应的模块。
    layui.config({
            base: 'module/',
        }).extend({
            shortcut: 'shortcut-lay/shortcut',
           soulTable: 'soul-table/soulTable',
           tableChild: 'soul-table/tableChild',
            tableMerge: 'soul-table/tableMerge',
            tableFilter: 'soul-table/tableFilter',
            excel: 'soul-table/excel',
        }).use([ 'shortcut','table','jquery','soulTable'], function () {

    这样就不出错了。

注:我曾想在soulTable.js文件中这样加载(报:模块不存在,可能是我添加的不正确)。

错误2:加载的子表中不显示

解决方式:取消注释的 done方法中的 soulTable.render(this);

错误效果:table中并没有显示下一级菜单的图标。点击也没有效果。

注释原因:在页面加载数据的时候,会进行两次数据请求访问。一种是根据请求的method的请求。另外一种应该是 render方法进行的数据请求。两次请求相同数据,没有必要,并且第二次请求的方式为post方式(没有找到怎么取消这个post的请求。不想看源码了,时间不允许)。

补充:layui的版本较低

错误3:加载子表数据的方式

解决方式:在文档中有详细的解决方式,仔细看一下。每张table下有相应的源码。

 类似资料: