Layui 关于table+dynamicCondition的坑

**

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是该属性返回的字段名)
/**
*此处做相应的处理
*
**/

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值