layui复选框回显

最新推荐文章于 2023-09-01 14:20:34 发布

jacksonjj

最新推荐文章于 2023-09-01 14:20:34 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui 文章标签： layui复选框回显

本文链接：https://blog.youkuaiyun.com/userlhj/article/details/82867650

layui 专栏收录该内容

4 篇文章

订阅专栏

本文档介绍如何利用layui框架的功能，包括table模块、form模块、laypage模块和util模块，来实现供应商数据的表格展示。具体涵盖了表格渲染、分页、数据请求及响应处理等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据后台传回的数据进行判断是否选择

layui.use(['table','form','laypage','util'], function() {
				var laypage = layui.laypage				
				,table = layui.table
				,form = layui.form
				,$ = layui.jquery
				,util = layui.util;
			layer.load(0);
			setTimeout(function() {
			table.render({
                    id:'test',				
					elem: '#supplier',
					toolbar: '#toolbarDemo',
					url:path+'sfm/findsupplier_by_matertialcategory.do',
					cols: [[ //表头
					        {type: 'checkbox',LAY_CHECKED:false,fixed:'supplierId'},//LAY_CHECKED:true
							{field: 'supplierId',title: '供应商号',width:250,align: 'left',sort:true},
							{field: 'supplierName',title: '供应商',align: 'left',width:445}
						]]
					,where: {"page":page,"limit":limit}
					,done: function(res, curr, count){				
					for(var i=0;i<res.data.length;i++){
		
								if(res.data[i].lay_CHECKED === true){
									var index=res.data[i]["LAY_CHECKED"]=true;
									var index=i;
							$('.layui-table tr[data-index=' + i + '] input[type="checkbox"]').prop('checked', true);
                            $('.layui-table tr[data-index=' + i + '] input[type="checkbox"]').next().addClass('layui-form-checked');
								}
							}
					
					     laypage.render({
							  elem: 'page'
							  ,count:count 
							  ,curr:page
                        	  ,limit:limit
                        	  ,layout: ['prev', 'page', 'next', 'skip','count']
							  ,jump: function(obj, first){
							    if(!first){
							    	getsupplier_table(obj.curr,obj.limit,);
							    }
							  }
							});
							
						
					  }
				});

仅做笔记！