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%'}] });

相关推荐
djk888819 小时前
Layui Table 行号
前端·javascript·layui
zhanghaisong_20155 天前
layui.all.js:2 Uncaught Error: Syntax error, unrecognized expression
前端·javascript·layui
linzhisong7 天前
LayUI组件国际化多国语言版本脚本-下篇根据语种替换
前端·javascript·python·layui
hahaqi95277 天前
layui 表格点击编辑感觉很好用,实现方法如下
前端·javascript·layui
linzhisong7 天前
LayUI组件国际化多国语言版本脚本-上篇提取中文字符
前端·javascript·python·layui
武昌库里写JAVA8 天前
机器学习笔记2 - 机器学习的一般流程
spring boot·spring·毕业设计·layui·课程设计
java—大象9 天前
基于java+springboot+layui的流浪动物交流信息平台设计实现
java·开发语言·spring boot·layui·课程设计
fury_12311 天前
layui的table组件中,对某一列的文字设置颜色为浅蓝怎么设置
前端·arcgis·layui
苹果酱056714 天前
React系列教程(2)React哲学
java·spring boot·毕业设计·layui·课程设计