PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

表格自定义搜索拓展,下拉搜索操作符

管理员 2024-12-14
Fastadmin
8

首先找到通用搜索模板的文件。
image.png
搜索一下operate,定位到对应的代码块,可以输出测试一下确定位置。
image.png
这里指向的就是操作符的html的定义地方,注意到type="hidden"确实的被隐藏了,毕竟一般搜索时候无需出现。

接下来我们找一段类似的html代码实现下拉的样式,在插件市场安装一下开发示例,点开自定义搜索,这里就有我们想要效果。
image.png
如果不想找源码就直接在页面审查元素吧。
image.png
按照上面的结构在通用搜索模板中增加一个判断,把代码复制过去。
image.png
关键地方都框起来了,这里我定义了新的操作符'NUMBER',区分一般的业务和金钱相关业务
最后别忘了一处关闭标签的补充。
image.png
该方法下面记得补上对应的关闭div,同样需要判断操作符。
image.png
该页面对应的js文件中定义表格列的位置增加这个操作符的声明就可以了。

来看看效果吧:
image.png

if(vObjCol.operate == 'NUMBER') {

htmlForm.push('<div class="input-group">');htmlForm.push('<div class="input-group-btn">');htmlForm.push(sprintf('<select type="text" class="form-control operate" name="%s-operate" data-name="%s" value="%s" style="width:70px;">', vObjCol.field, vObjCol.field, '='));htmlForm.push('<option value="=" selected="">等于</option>');htmlForm.push('<option value="!=">不等于</option>');htmlForm.push('<option value=">">大于</option>');htmlForm.push('<option value=">=">大于等于</option>');htmlForm.push('<option value="<">小于</option>');htmlForm.push('<option value="<=">小于等于</option>');htmlForm.push('</select>');htmlForm.push('</div>');

} else {

htmlForm.push(sprintf('<input type="hidden" class="form-control operate" name="%s-operate" data-name="%s" value="%s" readonly>', vObjCol.field, vObjCol.field, vObjCol.operate));

}

最后的部分:

if(vObjCol.operate == 'NUMBER') {

htmlForm.push('</div>');

}


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部