2019-04-09
v3.0.0 新增大量特性。ui升级，css与js分离。
主要更新如下：
1.新增用户全局配置。见dynamicCondition.js同目录下的dcConfig.js文件。
通过该文件可以修改dynamicCondition组件全局默认配置。没有该文件也能正常使用，这样会使用组件默认设定的配置。
2.将相关的css从dynamicCondition.js中分离出来，使用css文件专门管理。
3.新增操作按钮面板。可以方便的扩充按钮选项。
详细说明：
dcConfig.js
/**
@Name： dynamicCondition 用户配置文件,修改配置后没生效，请注意清除缓存
@Author：xpl
@version: 2019-04-09
*/
layui.define(['jquery'], function (exports) {
"use strict";
var MOD_NAME = 'dcConfig',
$ = layui.jquery;
var myConfig = {
type: 'complex',//取值：'simple'/'complex'默认为复杂模式。区别1.显示界面不一样，2.构造的requestData格式不一样。
requestDataType: 'array',//取值：'array'/'json'.请求参数类型。默认array。
instanceName: 'instanceName',//创建的实例名称。非必须。默认为'instanceName'。当一个页面只创建一个实例时，可以不用该参数
displayModel: 'unpopup',//显示模型。取值：'popup'/'unpopup'。 默认"popup"点击后提出查询条件设置窗口。unpopup模式则不弹出窗口，直接在界面上设置条件。
counts: 5,//默认初始化条件数。
popupMsgText: "查询条件：",//弹窗模式下msg默认提示文本。之前版本默认为“查询条件：”
popupBtnsWidth: 120,//弹窗模式下按钮工具面板宽度。500px
popupShowQueryBtn: false, //弹窗模式下，是否显示查询按钮。之前版本默认是不显示的
unpopupBtnswidth: 180,//非弹窗模式下按钮工具面板宽度。500px
unpopupShowAddBtn: false, //非弹窗模式下，是否显示新增条件按钮。之前版本默认是不显示的
extendBtns:function(btnDivJq, instance){
//下面可以添加扩展按钮
// btnDivJq.append($("<a class='layui-btn my-btn'))>扩展按钮1</a>"));
// btnDivJq.append($("<a class='layui-btn my-btn'))>扩展按钮2</a>"));
// btnDivJq.append($("<a class='layui-btn my-btn'))>扩展按钮3</a>"));
// btnDivJq.find(".my-btn").on("click",function(){
// layer.msg('触发【'+$(this).text()+'】按钮点击事件！');;
// });
},
};
exports(MOD_NAME, myConfig);
})
| 参数 | 类型 | 说明 | 示例 |
|---|---|---|---|
| counts | int | 默认初始化条件数。按ui列表顺序添加默认条件。 | 5 |
| popupMsgText | string | 弹窗模式下msg默认提示文本。之前版本默认为“查询条件：” 上面第一个图中没有显示“查询条件：”就是因为该值设置为空穿 |
'查询条件:' |
| popupBtnsWidth | int | 弹窗模式下按钮工具面板宽度。根据具体按钮个数设定宽度。如果没有定义extendBtns，popupShowQueryBtn=true，则只显示一个查询按钮，设置120足够了。 | 120 |
| popupShowQueryBtn | boolean | 弹窗模式下，是否显示查询按钮。之前版本默认是不显示的 |
true |
| unpopupBtnswidth | int | 非弹窗模式下按钮工具面板宽度 | |
| unpopupShowAddBtn | boolean | 非弹窗模式下，是否显示新增条件按钮。之前版本默认是不显示的 |
true |
| extendBtns | function | 添加扩展按钮。如上图中的【弹窗模式】【简单模式】按钮等。 | 见demo |