layui 重新加载use方法

 时间:2024-10-08 02:28:10

在使用layui框架时,可以利用自带的方法,对表格进行重新加载。那么,如何使用la鲻戟缒男yui中的方法实现重新加载的呢?

layui 重新加载use方法

工具/原料

layui

jquery

HTML5

CSS3

HBuilderX

截图工具

浏览器

WPS

方法/步骤

1、在已打开的HBuilderX工具中新建Web项目,将layui相关的文件拷贝到js文件夹中

layui 重新加载use方法

2、接着在pages文件夹中,新建一个静态页面table.html

layui 重新加载use方法

3、打开已新建的页面,将layui的css文件和js文件引入到页面中

layui 重新加载use方法

4、在<body></body>标签中,插入一个table标签水貔藻疽,设置class和id属性

layui 重新加载use方法

5、利用jquery初始化函数方法,对table进行初始化并绑定数据字段

layui 重新加载use方法

6、在data文件夹中,新建一个json文件并添加数据,要满足表格的数据格式

layui 重新加载use方法

7、保存代码并运行项目,打开浏览器查看界面显示效果,可以看到一个表格

layui 重新加载use方法

8、返回到代码编辑器,给界面添加一个刷新按钮,并绑定点击事件

layui 重新加载use方法

9、再次保存代码并刷新浏览器,查看界面效果,并点击按钮查看表格是否有刷新

layui 重新加载use方法

怪物猎人世界感谢票怎么获得 怪物猎人世界主线任务攻略 地心护核者怎么获得幼虫胸甲 贼龙任务攻略 蒸汽机关管理所怎么玩
热门搜索
靴子图片 雨后小故事图片 狗狗的品种及图片 凤尾竹图片 硬下疳初期图片