最近在做畢業(yè)設(shè)計時遇到一個需求着绷，需要在篩選表格數(shù)據(jù)時做一個速查功能笨使，然后彈出層獲取數(shù)據(jù)回調(diào)在篩選條件中棠笑，如圖
image.png
image.png
1 彈出層js代碼
$(function () {
getGrid();
//狀態(tài)參數(shù)改變時重新加載表格
$("#cpt_status").change(function () {
getGrid();
});
});
/**
* 搜索
*/
function search() {
getGrid();
}
/**
* 加載表格
*/
function getGrid() {
layui.use('table', function () {
var table =layui.table;
//搜索參數(shù)
var status =$("#cpt_status").val();
var name =$("#cpt_name").val();
table.render({
elem:'#cpt_index'
, height:400
, url:'/fastsearch/cpt/getData?status=' + status +'&name=' + name//數(shù)據(jù)接口
, page:true //開啟分頁
, even:true //隔行著色
, totalRow:true
, title:'競賽項目'
, limit:10
, limits: [10, 50, 100]
, align:'right'
, cols: [[//表頭
{type:'checkbox', fixed:'left'}
, {field:'serial', title:'序號', width:80, fixed:'left', type:'numbers'}
, {field:'id', title:'ID', width:200, fixed:'left', hide:true}
, {field:'name', title:'名稱', width:263}
, {field:'place', title:'競賽地點', width:100}
, {field:'status', title:'競賽狀態(tài)', width:100}
, {field:'holdTime', title:'競賽時間', width:200}
]]
});
});
}
/**
* 返回選擇的數(shù)據(jù)
*/
var callbackData =function () {
var table =layui.table;
var checkStatus = table.checkStatus("cpt_index");
if (checkStatus.data.length >1) {
var data ="false";
}else if (checkStatus.data.length ==1) {
var data = {
id: checkStatus.data[0].id,
name: checkStatus.data[0].name
};
}else {
var data ="";
}
return data;
};
2 主頁面回調(diào)代碼
/**
* 速查
*/
function searchCpt() {
layer.open({
title: "項目速查",
closeBtn: 2,
area: ['800px', '600px'],
type: 2,
content: '/fastsearch/cpt/index',
btn: ['確定', '關(guān)閉'],
yes: function (index) {
//當(dāng)點擊‘確定’按鈕的時候容劳，獲取彈出層返回的值
var res = window["layui-layer-iframe" + index].callbackData();
if (res != null || res != '') {
if (res == 'false') {
layer.msg('請選擇一條數(shù)據(jù)');
return;
} else {
$("#cpName").val(res.name);
$("#cptId").val(res.id);
}
}
//最后關(guān)閉彈出層
layer.close(index);
}
});
這樣就可以完成了
