jquery('#btn-search').click(function(e) { pageList(); }); function pageList() { var param = { page: 1, limit: limit } if (jquery('#qiyemingcheng').val()) { param['qiyemingcheng'] = jquery('#qiyemingcheng').val() ? '%' + jquery('#qiyemingcheng').val() + '%' : ''; } if (jquery('#gangweimingcheng').val()) { param['gangweimingcheng'] = jquery('#gangweimingcheng').val() ? '%' + jquery('#gangweimingcheng').val() + '%' : ''; } var indexQueryCondition = localStorage.getItem('indexQueryCondition'); if (indexQueryCondition) { param['gangweimingcheng'] = '%' + indexQueryCondition + '%'; localStorage.removeItem('indexQueryCondition'); } // 获取列表数据 http.request('zhaopinxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list // 分页 laypage.render({ elem: 'pager', count: res.data.total, limit: limit, groups: 3, layout: ["prev","page","next"], theme: '#065279', jump: function(obj, first) { param.page = obj.curr; //首次不执行 if (!first) { http.request('zhaopinxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list }) } } }); }) }
时间: 2024-02-10 09:34:14 浏览: 25
这段代码的作用是实现一个招聘信息搜索和分页功能。具体来说,当用户点击页面上的搜索按钮时,会触发 `pageList` 函数。该函数会根据用户输入的条件构造一个参数对象 `param`,其中包括当前页码和每页显示的条目数等信息。然后,该函数会使用 `http.request` 方法向后端发起请求,获取符合条件的招聘信息列表。在获取数据成功后,该函数会使用 `laypage.render` 方法将数据进行分页展示,并在每次翻页时重新请求数据并更新页面。其中,`localStorage` 用于存储和传递搜索条件。整个过程中,使用了 jQuery 和 Laypage.js 等工具库。
相关问题
let lastQid; $(document).ready(function () { loadQuestion(0); }); $('#nextQuestions').click(function () { loadQuestion(0, lastQid); }); $('#preQuestions').click(function () { loadQuestion(1, lastQid); }); $('#search-btn').click(function () { searchQuestion('#search'); }); $('#result-search-btn').click(function () { searchQuestion('#result-search'); }); $('#newest').click(function () { loadQuestionByFilter('newest'); }); $('#hotest').click(function () { loadQuestionByFilter('hotest'); }); $('#under').click(function () { loadQuestionByFilter('under'); }); $('#hasdone').click(function () { loadQuestionByFilter('hasdone'); }); $('#prefer').click(function () { loadQuestionByFilter('prefer'); }); $('#refreshQ').click(function () { loadQuestion(); $('#preQuestions').removeAttr('disabled'); $('#nextQuestions').removeAttr('disabled'); });
这是一个包含多个jQuery事件的代码片段。它在文档准备就绪时调用了一个名为“loadQuestion”的函数,并向其传递了参数0。当“#nextQuestions”按钮被点击时,它会再次调用“loadQuestion”函数,并向其传递参数0和“lastQid”的值。当“#preQuestions”按钮被点击时,它会调用“loadQuestion”函数,并向其传递参数1和“lastQid”的值。当“#search-btn”或“#result-search-btn”按钮被点击时,它会调用名为“searchQuestion”的函数,并向其传递一个选择器。当“#newest”、“#hotest”、“#under”、“#hasdone”或“#prefer”按钮被点击时,它会调用名为“loadQuestionByFilter”的函数,并向其传递一个字符串参数。当“#refreshQ”按钮被点击时,它会重新调用“loadQuestion”函数,并移除“#preQuestions”和“#nextQuestions”按钮的“disabled”属性。
//触发行点击事件 $("#bootstrap-table").on("check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table load-success.bs.table", function () { var data = $("#bootstrap-table").bootstrapTable("getSelections"); $("#btn-view").toggleClass('disabled', data.length!=1); //查看按钮 });帮我解释一下这段代码
这段代码是使用jQuery库来操作一个名为"bootstrap-table"的表格元素。通过绑定点击事件处理程序(on)来监听"check.bs.table"、"uncheck.bs.table"、"check-all.bs.table"、"uncheck-all.bs.table"和"load-success.bs.table"事件。每当这些事件被触发时,处理程序会执行一系列操作。
在事件处理程序内部,首先通过调用bootstrapTable("getSelections")方法获取被选中的行数据,并将结果存储在变量data中。然后,通过toggleClass方法设置按钮"#btn-view"的样式类'disabled',如果选中的行数不等于1,则添加该样式类,否则移除该样式类。这样做可以禁用或启用查看按钮,根据选中的行数来决定按钮是否可点击。
总之,这段代码的功能是根据选中的行数来控制查看按钮的可点击状态。