基于layui的动态添加条件查询ui插件

分享 已结 13 1329
perlin
perlin 2018-11-8
悬赏:20飞吻
动态添加条件界面



发布在审核中,先分享给大家,希望能帮到大家。  
使用文档参考: 基于layui的动态添加条件查询ui插件
体验地址1:动态添加条件查询Demo
体验地址2:带后台的查询demo
回帖
  • 大头猿
    2018-11-20
    @perlin 样式有点太随意啊,搞精致点啊:
    var styleHtml = "<style type='text/css'>";
    styleHtml += "\n.layui-xpl-dc-circle {border-radius: 90px;display:inline-block;text-align:center;height: 25px;line-height: 25px;background-color:#1E9FFF;color:#fff;margin:0px 5px;padding-top:0px;padding-bottom:0px;padding-left:8px;padding-right:18px;position:relative;}";
    styleHtml += "\n.layui-xpl-dc-delete{ width:20px;height:20px;line-height: 20px;cursor:pointer;border-radius:60%;position:absolute;top:2px;right:-1px;color:#c2c2c2;}";
    styleHtml += "\n.layui-xpl-dc-delete:hover{border-radius: 12px;color: #fff;}";
    styleHtml += "\n</style>";
    0 回复
  • 不凡990
    2018-11-9
    您好,感谢您分享这个功能,您这个功能还是基于条件传送后台查询的,有没有类似DevExtreme 的dxDataGrid Filtering控件有很多筛选功能

    咱们这个好像 不支持
    0 回复
  • perlin
    2018-11-10
    @不凡990 没用过dxDataGrid,那个是用的伪分页吗?一次性加载所有数据,然后在前台通过js过滤?这样的话不支持。我这个是为了解决基于条件传送后台查询的。
    0 回复
  • 大头猿
    2018-11-19
    查询条件能否加一个“x”,点一下删除一个条件刷新一下页面
    0 回复
  • perlin
    2018-11-20
    @大头猿 该功能已添加,可以在layui官网或者码云下载v1.0.5版本。
    演示页面
    0 回复
  • perlin
    2018-11-21
    @大头猿 不好意思,美术功底有点弱,已经改好重新发布了。
    0 回复
  • 你好,请问下返回条件JSON的数据,怎么感觉有点奇怪:{"rowLength":4,"QueryCondition[0].conditionField":"imaal004","QueryCondition[0].conditionOption":"equal","QueryCondition[0].conditionValue":"1",
    我后台如何解析出字段、条件、值。还有您带后台的查询Demo中后端使用什么写的。
    0 回复
  • perlin
    2018-11-26
    @我要学前端 我后台用的java写的。后台获取字段值,比如:
    String conditionField = request.getParameter("QueryCondition["+i+"].conditionField");
    i的取值范围:[0,rowLength)

    0 回复
  • 感谢分享,很有用。[good]
    0 回复
  • perlin
    2018-11-28
    0 回复