JS的下拉框数据绑定和layui初始化

JS的下拉框数据绑定和layui初始化

开发工具与关键技术 VS MVC
作者:华嘉丽
撰写时间:2019年4月15日

JS的下拉框数据绑定和layui初始化_第1张图片
1, 这个是老师给的练习,我从重庆邮电大学设置考生里面抠的模板,有的ID没有改,看备注就知道是什么ID了
2, 部门下拉框数据的绑定createSelect(“searchAcademeID”,”selectAcademe”);
searchAcademeID是从上面HTML里面获取的的部门ID,这是设置考生的ID,只要不重复就行,我就没有改
3,selectAcademe是控制器里面的请求,请求一定要和视图的一致,否则获取不了数据,下拉框的JS获取到的值要和控制器一致,JS里面获取到的ID也要和HTML的一致,如果数据不出来,肯定是获取的HTML值或者控制器的值不对。
5,下拉框的绑定是,上一级下拉框数据的变化触发改变下一个下拉框数据的改变,例如获取$(“#searchAcademeID”).上一级的下拉框的ID,然后通过change触发下一级searchGradeID下拉框数据的改变,
6,上面的下拉框数据的绑定相对比较简单,只需要绑定两个下拉框,
JS的下拉框数据绑定和layui初始化_第2张图片
7,其实下拉框数据绑定绑定多的时候,chang触发下拉框数据的绑定后,就获取上面一级ID,然后下一级获取到自己的ID,把控制器的请求和数据库的值用问号拼接起来,然后再拼接上一级的ID值,以此增加,下拉框越多到最后一级就拼接得越多。
8,然后还要清空下一级的下拉框的值,上面的员工部门和职位下拉框也没有写,不过好像没影响。
JS的下拉框数据绑定和layui初始化_第3张图片

1, layui初始化,首先要获取插件layui的模块,
2, elem:是获取到HTML上面的表格ID;加载表格
3, 初始化员工表信,url:是路径,这个路径是从控制器那边的查询的请求获取的,等到调用多条件查询后就注释,因为多条件查询里面也有路径,
4, cols这是页面的数据,type和filed后面都是页面表格表头列的ID,在HTML里面获取ID,然后HTML的值一定要和数据库里面的一致,就是clos从HTML获取到列出了数据的ID,然后这个ID和数据库里面的一致
5, page当前页码,limit一页表格中显示出来的条数,比如limit:10就是一页中有20条数据,limit:10就是一页中有10条数据,limits:就是一个下拉框里面显示出来的条数,limit是一进入页面就显示出来的条数,而limits是后面修改的。
6, data: [ ]是让数据为空,从新开始加载。

你可能感兴趣的:(前端)