lisone/EasyAdmin8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(easy-admin): add laySearch support for search boxes in lists

Browse Source 
Introduce the `laySearch` option to enable the search functionality on list
page search boxes. This improvement allows users to have a more intuitive
and interactive way of searching through the lists by providing a search
input alongside the dropdown options.
This commit is contained in:
wolfcode
2024-07-10 14:29:49 +08:00
parent a069704803
commit f121d3c8b3
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/static/plugs/easy-admin/easy-admin.js
View File

@@ -327,6 +327,7 @@ define(["jquery", "tableSelect"], function ($, tableSelect) {
d.search = admin.parame(d.search, true);
d.searchTip = d.searchTip || '请输入' + d.title || '';
d.searchValue = d.searchValue || '';
d.laySearch = d.laySearch || false;
d.searchOp = d.searchOp || '%*%';
d.timeType = d.timeType || 'datetime';
if (d.field !== false && d.search !== false) {
@@ -349,10 +350,14 @@ define(["jquery", "tableSelect"], function ($, tableSelect) {
}
selectHtml += '<option value="' + sI + '" ' + selected + '>' + sV + '</option>/n';
});
var laySearch = ''
if (true === d.laySearch) {
laySearch = 'lay-search'
}
formHtml += '\t<div class="layui-form-item layui-inline">\n' +
'<label class="layui-form-label">' + d.title + '</label>\n' +
'<div class="layui-input-inline">\n' +
'<select class="layui-select" id="c-' + d.fieldAlias + '" name="' + d.fieldAlias + '" data-search-op="' + d.searchOp + '" >\n' +
'<select class="layui-select" id="c-' + d.fieldAlias + '" name="' + d.fieldAlias + '" data-search-op="' + d.searchOp + '" ' + laySearch + '>\n' +
'<option value="">- 全部 -</option> \n' +
selectHtml +
'</select>\n' +