同步操作将从 hdjincheng/layuiExtend 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
喜欢的话,请大家记得点击 watch 和 star。后续升级更新能及时通知,谢谢!
升级高版本是完全兼容低版本的,可以直接覆盖低版本就可以了。
ps:
升级v3.0.0以上版本只是覆盖dynamicCondition.js和dc.css文件。
如果删除dcConfig.js文件,v3版本是完全兼容低版本的。
v3版本新增了dcConfig.js文件对全局做默认配置,这个可以不用覆盖,根据自己需要进行配置。
由于我的项目是将弹窗模式统一改为了非弹窗模式。所以添加dcConfig.js后会导致和低版本显示不一样。
最近做一个档案系统,发现字段超多,查询页面布局不是很好弄,于是就想着干脆写一个动态添加条件的ui插件。
因为是用的layui框架写的系统,所以就直接基于layui编写了个插件。写篇文章总结介绍下这个插件。
按查询条件是否弹窗分为:弹窗/无弹窗 模式
按查询条件是否复杂分为:简单/复杂 模式
各模式优点:
1.简单模式:传统查询可以在不改后台代码情况下替换成简单模式。
2.复杂模式:条件可以选择等于,包含,范围,不等于,开头字符,结尾字符,为空等。有些查询必须要求这些功能。
3.弹窗模式:同时需要的查询条件比较多时,一行显示不全会导致界面不好看。这时可以考虑使用弹窗模式。
4.无弹窗模式:提供的查询条件较多,但每次查询只需选择1-3个条件时,考虑使用无弹窗模式。
具体使用组合就有四种模式。可以选择合适的使用。他们互相切换起来也比较简单。
1.简单/无弹窗模式:该模式与传统的查询条件UI最接近。可以在不改后台代码情况下替换成改模式。
2.复杂/无弹窗模式:个人比较推荐使用该模式。需要后台编写相应逻辑配合使用。
3.复杂/弹窗模式:查询条件超过3个时,推荐使用。条件太多导致界面很难看,通过弹窗模式可以让界面更精简。
4.简单/弹窗模式:查询条件超过5个时,推荐使用。条件太多导致界面很难看,通过弹窗模式可以让界面更精简。
体验地址1:动态添加条件查询Demo
体验地址2:带后台的查询demo
使用文档参考:
基于layui的动态添加条件查询ui插件——组件相关api与数据字典
高级查询组件dynamicCondition升级为v2.0.0版本——组件使用步骤
高级查询组件dynamicCondition升级为v2.0.0——扩展编辑器
demo界面(无弹窗模式):
demo界面(弹窗模式):
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。