var page = 1;const rows = 5;var totalPage;$function $select1uedSelect width 145 height 34 ; $#queryBtnclickfunction loadMenu; loadMenu; $#firstPageclickfunc
这段代码是一个使用jQuery实现分页和搜索功能的菜单列表页面的JavaScript代码。
首先,在页面加载完成后,调用了一个名为uedSelect的jQuery插件,用于美化下拉框的样式。然后,给查询按钮绑定了一个点击事件,当点击查询按钮时,会调用loadMenu函数加载菜单列表。
loadMenu函数是用于加载菜单列表的函数。首先,清空之前表格中的数据,然后通过ajax请求获取菜单列表数据,并将数据填充到表格中。同时,根据数据的总数和每页显示的行数,计算出总页数,并将总数和当前页数显示在页面上。此外,还给每个菜单的开关按钮绑定了一个点击事件,用于更改菜单的状态。
接下来,给四个分页按钮分别绑定了点击事件。当点击第一页按钮时,如果当前已经是第一页,则弹出提示框,否则将page变量设置为1,清空之前表格中的数据,重新加载菜单列表。点击上一页、下一页、最后一页按钮时,同样会根据当前页数和总页数进行判断,如果已经到达边界,则弹出提示框,否则将page变量加1或减1,清空之前表格中的数据,重新加载菜单列表。
最后,changeMenuStatus函数用于更改菜单的状态。当点击菜单的开关按钮时,会调用该函数,将菜单的id和更改后的状态传递给后端进行更改。如果更改成功,则不做处理,否则弹出错误提示框
原文地址: https://www.cveoy.top/t/topic/eYAy 著作权归作者所有。请勿转载和采集!