dynamicCondition v3版本更新内容
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 |