layui 查询 table 绑定渲染

最新推荐文章于 2023-07-06 18:42:51 发布

原创最新推荐文章于 2023-07-06 18:42:51 发布 · 491 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui

layui.use('table', function () {

var table = layui.table;
var $ = layui.jquery;

    table.render({
        elem: '#fsDatagrid'
      , url: '地址'
      , method: 'get'
      , where: {
          keyword: $('input[name=name]').val()
      }
      , toolbar: '#bar'
      , title: '列表'
      , cols: [[
       { align: 'center', title: '编号', type: 'numbers', width: 80 }
        , { field: 'CourseName', title: '课程名称', width: 100 }
       , { field: 'COURSE_LEVEL', title: '课程级别', width: 120, edit: 'text' }
        , { field: 'CreateTIme', title: '创建时间', width: 80 }
        , { field: 'CreateUser', title: '创建人', width: 120, edit: 'text' }
       , { field: 'CourseKpoint', title: '课程章节', width: 230, edit: 'text' }
        , { field: 'CourseHour', title: '课程小时', width: 180 }
        , { field: 'StudyNUM', title: '学习人数', width: 180 }
       , { field: 'CompleteNUM', title: '完成人数', width: 230, edit: 'text' }
        , { fixed: 'right', title: '操作', toolbar: '#bar', width: 160 }
      ]]
      , page: true
});
$('body').on('click', '#searchLog', function () {

      table.reload('fsDatagrid', {
          where: {
              keyword: $('input[name=name]').val()
          }
               , page: {
                    curr: 1 //重新从第 1 页开始
               }
      }); //只重载数据
});