**
Layui 关于table+dynamicCondition的坑
**
/********* layui 动态查询条件 dynamicCondition**********/
1,非弹窗模式更具条件显示删除按钮,
**/*非弹窗模式,且无弹窗模式隐藏【X】按钮 /
修改此dc.css
.xpl-dc-unpopup.xpl-dc-nestedQuery-false .conditionRow .conditionDel{
visibility:visible;
}
占位css样式
.xpl-conditionRow-x{
visibility:hidden;
}
dynamicCondition.js修改
conditionRowJq.find(".delRowBtn").hide()改为conditionRowJq.find(".delRowBtn").addClass(“xpl-conditionRow-x”);
/********* layui table组件的分页问题**********/
2,layui,table的分页字段和借口返回的保持一致
/********* layui table 在dynamicCondition删除之前的条件**********/
3,layui,table动态条件查询删除当前条件
var table1=table.render({})
var dc = dynamicCondition.create({
elem: “#option”
,type: “complex”
,tableId:“maintab”
,requestDataType: “json”
,displayModel:“unpopup”
,conditionTextId: “#qcondition”
,instanceName: “dc_qcondition”
,popupBtnsWidth: 150 //弹窗模式下按钮工具面板宽度。500px
,popupShowQueryBtn: true //弹窗模式下,是否显示查询按钮。之前版本默认是不显示的
,unpopupBtnswidth: 180 //非弹窗模式下按钮工具面板宽度。
,unpopupShowAddBtn: true //非弹窗模式下,是否显示新增条件按钮。之前版本默认是不显示的
,queryCallBack: function(requestData) {
console.log(requestData)
where={};
delete table1.wheree;
where=requestData;
}
});
/********* layui table数据请求异常处理**********/
4,layui,table数据请求异常处理(先用layui中table.js中第111行中写入)
在layui的文件夹中的lay.modules的table.js中找到error方法。
在方法中加上"function" == typeof a.error &&a.error(JSON.parse(e.responseText))
在table中就可以调用error方法。
/********* layui table数据显示样式和内容处理**********/
5,layui,table数据显示样式和内容处理
在table中的cols每个对象中用templet属性
templet:function(res){
//获取该属性的返回值
var content=res.field;//(注:field是该属性返回的字段名)
/**
*此处做相应的处理
*
**/
}