layui使用记录

th .layui-table-cell {

text-align:center;

}

.layui-table-grid-down{

display:none;

}

parent.layui.table.reload('tableId',{page:{curr:1}});

parent.layui.table.reload('tableId',{where:{jcxId: jcxId}});

layui-btn-disabled

layui.$(this.elem).next().find('.layui-table-box .layui-table-body.layui-table-main tr:first').addClass('layui-table-click').siblings().removeClass('layui-table-click');

table.on('row(sectionTable)', function(obj){

var data = obj.data;

var reportId = data.reportId;

//标注选中样式

obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');

("#signXx").load('{pageContext.request.contextPath}/backend/report/signBrowse',{"reportId":reportId,"timeDate":timeDate},function(){

});

});

done: function (res, curr, count) {

var fjslList = res.fjslList;

if(fjslList.length > 0){

for (var i = 0; i < fjslList.length; i++) {

for (var j = 0; j < res.data.length; j++) {

if (fjslList[i]["gchfDetailId"] == res.data[j].gchfDetailId) {

res.data[j]["LAY_CHECKED"] = 'true';

var index = res.data[j]['LAY_TABLE_INDEX'];

//选中

$('tr[data-index='+ index+ '] input[type="checkbox"]').prop('checked',true);

$('tr[data-index='+ index+ '] input[type="checkbox"]').next().addClass('layui-form-checked');

//禁用

$('tr[data-index='+ index+ '] input[type="checkbox"]').prop('disabled',true);

layui.$(this.elem).next().find('.layui-form-checked').addClass('layui-btn-disabled');

break;

}

}

}

//删除全选的checkbox

layui.$(this.elem).next().find('.layui-table-box .layui-table-header th:first').children().children().remove();

}

}

<select class="pub_select select2">

var tableView = this.elem.next();

tableView.find("input[type='checkbox'][name='layTableCheckbox']").prop("disabled", true);

form.render('checkbox', tableView.attr('lay-filter'));

//前台分页

parseData:function(res){

var res = eval("(" + res + ")");

var result = res.data.slice(this.limit*(this.page.curr-1),this.limit*this.page.curr);

// var result = res.data.slice(res.limit*(res.page-1),res.limit*res.page);

// return {

// "code": res.code,

// "msg":"",

// "count": res.data.length,

// "data": result

// }

// },

//**************jqxSplitter**************************

<link rel="stylesheet" href="${baseurl}resources/plugins/splitter/css/jqx.base.css">

<script src="${baseurl}resources/plugins/splitter/js/jqxcore.js"></script>

<script src="${baseurl}resources/plugins/splitter/js/jqxsplitter.js"></script>

<div id="vertical">

<div id="left-pane">

<table id="articleTable" lay-filter="articleTable" class="layui-hide"></table>

</div>

<div id="right-pane">

<div id="jqxSplitter">

<div id="leftPane">

<table id="articleTable1" lay-filter="articleTable1" class="layui-hide"></table>

</div>

<div id="rightPane">

<table id="articleTable2" lay-filter="articleTable2" class="layui-hide"></table>

</div>

</div>

</div>

</div>

var contentheight = $("#content_body").height();

$('#vertical').jqxSplitter({ width: '100%', height: contentheight-85, panels: [{size: '20%', min: '10%'}, {size: '80%' ,min: '10%'}] });

$('#jqxSplitter').jqxSplitter({ width: '100%', height: contentheight-85, panels: [{size: '40%', min: '10%'}, {size: '60%' ,min: '10%'}] });

相关推荐
zpjing~.~1 天前
layui xm-select的使用
前端·javascript·layui
ormcc3 天前
layui tree customSelet选中的内容重写,查找父级
前端·javascript·layui·tree·customselect
猫猫不是喵喵.3 天前
layui 自定义验证单选框必填
前端·javascript·layui
LWT200705265 天前
使用SpringMVC+Layui操作excel的导入导出
前端·layui·excel
武昌库里写JAVA9 天前
【MySql】-0.1、Unbunt20.04二进制方式安装Mysql5.7和8.0
spring boot·spring·毕业设计·layui·课程设计
hyiam10 天前
layui下拉框xm-select自定义搜索使用方法
javascript·html·layui·下拉框·xm-select·自定义搜索·自定义下拉框
武昌库里写JAVA17 天前
腾讯云Centos7升级Python(Python2.7.5升级Python3.8.0)【针对腾讯云,其他未测试】
spring boot·spring·毕业设计·layui·课程设计
苹果醋320 天前
java代码生成器集成dubbo,springcloud详解以及微服务遐想
spring boot·nginx·毕业设计·layui·课程设计
武昌库里写JAVA20 天前
React.createRef(),React.forwardRef(),forwardRef()结合next.js的link进行路由跳转
spring boot·spring·毕业设计·layui·课程设计