#
2:添加监听数据库回车、搜索“按钮”
layui.use('table', function() {
var table = layui.table;
var isSearch = false;
//输入框回车执行搜索
$("#name").bind('keydown', function(event) {
if (event.keyCode == 13) {
nodeId = getNodeId()
table.reload("test", { // 此处是上文提到的 初始化标识id
where : {
name : $('#name').val(),
nodeId : nodeId
}
});
isSearch = true;
return false;
}
});
//点击搜索按钮执行搜索
$("#searchBtn").bind('click', function(event) {
nodeId = getNodeId()
table.reload("test", { // 此处是上文提到的 初始化标识id
where : {
name : $('#name').val(),
nodeId : nodeId
}
});
isSearch = true;
return false;
});
//监听搜索变化
var keyWord = document.getElementById("name");
keyWord.oninput = function(e) {
if (keyWord.value === '' || keyWord.value === null) {
if (isSearch) {
nodeId = getNodeId()
table.reload("test", { // 此处是上文提到的 初始化标识id
where : {
name : $('#name').val(),
nodeId : nodeId
}
});
}
isSearch = false;
}
};
});
这样就可以在搜索时,只是重新刷新表格内容,其他部分数据不变化。