下面我来给大家看一下所利用jq和layui来创建的表单
如上图所示
我们再看看jq的部分
如阴影部分所示
首先我们利用function给他创建一个点击事件,在最上面我们还给他定义了一个
var layer, layuiTable; var tabzy;
后面进行一个模块的加载
这里用到了table.render()的方法渲染
渲染表格的方法有3种{
- 方法渲染 table.render():基础参数的设定放在了JS代码中,且原始的 table 标签只需要一个选择器
- 自动渲染: 所谓的自动渲染,即:在一段 table 容器中配置好相应的参数,由 table 模块内部自动对其完成渲染,而无需你写初始的渲染方法
- 转换静态表格: 假设你的页面已经存在了一段有内容的表格,它由原始的table标签组成,这时你需要赋予它一些动态元素,比如拖拽调整列宽?比如排序等等?那么你同样可以很轻松地去实现
}
其次利用一些基本的参数:elem(指定原始 table 容器的选择器或 DOM,方法渲染方式必填),
cols(设置表头。值是一个二维数组。方法渲染方式必填),
url(异步数据接口相关参数。其中 url 参数为必填项),
page(开启分页),……
当没有异步数据接口的时候可以用data[]来代替