本地获取值,layui框架表格table.on监听点击事情

var type = localStorage.getItem("type")

			table.on('rowDouble(test)', function(obj) {
				var data = obj.data;
				var ProjectID = data.ProjectID;
				console.log(data)
				localStorage.setItem("type", data.type)


				//弹框(全屏)
				var index = layer.open({
					title: "渠道项目详情", //不显示标题栏
					type: 2,
					content: '/Views/Pro_Project/Pro_ProjectUpdate.html?op=1&ProjectID=' +
						ProjectID,
					area: ['1721px', '866px'],
					maxmin: true
				});
				layer.full(index);
			});
xgweb.ajaxGet(xgweb.apiAdd() + "AreaSection/SelectAllAreaSection", {
				}, function(res) {
					var ret = res.data;
					console.log(ret);
					if (ret == null) {
						layer.alert("没有获取到可用片区!");
					} else {
						var htmls = "";
						console.log(ret)
						areas = [];
						if(type=="Pro"){
						for (var i = 0; i < ret.length; i++) {
							 ret[i].AreaName=ret[i].AreaName.replace(/\s*/g,"");
							areas.push(ret[i].AreaID)
							if (i == 2) {
								htmls += "<input  type='checkbox' value=" + ret[i].AreaID + " id=" + ret[i].AreaID +
									" title=" + ret[i].AreaName.replace(/(\n)/g, "") + " lay-skin='primary' name='QuName'/>";
								htmls += "<input type='text'  id='" +  ret[i].AreaID + "Policy' disabled style='border:none;background:transparent;'/>";
								htmls += "</br>";
							}  else  {
								htmls += "<input type='checkbox'  value=" + ret[i].AreaID + " id=" + ret[i].AreaID +
									" title=" + ret[i].AreaName.replace(/(\n)/g, "") + " lay-skin='primary' name='QuName'/>";
								htmls += ""+"<input type='text'  id='" +  ret[i].AreaID + "Policy' disabled style='border:none;background:transparent; ' />";
								htmls += "</br>";
							}

						}
						}else if(type=="Bus"){
							for (var i = 0; i < ret.length; i++) {
								ret[i].AreaName=ret[i].AreaName.replace(/\s*/g,"");
								areas.push(ret[i].AreaID)
								if (i == 2) {
									htmls += "<input  type='checkbox' value=" + ret[i].AreaID + " id=" + ret[i].AreaID +
											" title=" + ret[i].AreaName.replace(/(\n)/g, "") + " lay-skin='primary' name='QuName'/>";
									htmls += "<input type='text' disabled  id='" +  ret[i].AreaID + "Policy' />";
									htmls += "</br>";
								}  else  {
									htmls += "<input type='checkbox'  value=" + ret[i].AreaID + " id=" + ret[i].AreaID +
											" title=" + ret[i].AreaName.replace(/(\n)/g, "") + " lay-skin='primary' name='QuName'/>";
									htmls += ""+"<input type='text'   id='" +  ret[i].AreaID + "Policy'   />";
									htmls += "</br>";
								}

							}
						}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 根据您提供的信息,我可以猜测您在使用Layui框架中的数据表格组件。如果您在使用table.reload方法之前没有选择数据,那么重新加载数据表格时会出现没有数据的情况。 要解决这个问题,您可以在调用table.reload方法之前选择数据。您可以使用table.reload方法的第二个参数来传递额外的参数,其中包括数据筛选条件。例如,您可以在选择数据时使用layFilter选项来指定要筛选的元素,并使用where选项来指定筛选条件。然后,将这些选项作为table.reload方法的第二个参数传递即可。 以下是一个示例代码片段,可以帮助您了解如何在Layui数据表格中选择和重新加载数据: ``` // 选择数据 table.reload('tableId', { where: { // 筛选条件 field: value }, page: { curr: 1 // 重新加载第一页数据 } }); // 重新加载数据 table.reload('tableId'); ``` 希望这可以帮助您解决问题! ### 回答2: Layui数据表格是一款简单易用的前端表格插件,而table.reload是该插件提供的一个方法,用于重新加载表格数据。 根据您的问题描述,使用table.reload方法之前选中的数据没有了。造成这种情况的可能原因有以下几点: 1. 数据重新加载:当调用table.reload方法时,会重新加载表格数据,默认会清空之前的选中状态。因此,如果在重新加载之前有选中的数据,则在重新加载后会失去选中状态。 2. 选中状态未保存:Layui数据表格默认不会保存表格选中状态,如果需要保存选中状态,可以通过自定义实现存储和恢复选中状态的逻辑。 针对这个问题,可以尝试以下两种解决方法: 1. 使用自定义存储选中状态的方法:在table.reload方法调用之前,将当前表格选中的行数据保存到一个数组或者其他存储方式中。在重新加载数据后,根据之前保存的选中数据,重新设置表格的选中状态。 2. 使用表格的on方法:Layui数据表格提供了on方法,可以监听表格的各种事件。可以使用on方法,在数据重新加载之后,自动设置之前选中的数据为选中状态。 综上所述,使用Layui数据表格table.reload方法重新加载数据时,之前选中的数据会被清空。如果需要保留选中状态,可以通过自定义存储和恢复选中状态的逻辑来实现。 ### 回答3: Layui数据表格table.reload()方法是用来重新加载数据的,它会将当前表格中的数据清空,并重新请求数据渲染表格。因此,如果在调用该方法之前选中了某些数据,重新加载后这些数据会消失。 解决这个问题有以下几种方法: 1. 保存选中的数据:在调用table.reload()方法之前,将选中的数据保存到一个变量中,等重新加载数据完成后,再将保存的数据重新选中。 2. 使用缓存机制:在选中数据时,将数据保存在缓存中(例如LocalStorage),重新加载数据后,再从缓存中取数据重新选中。 3. 使用分页加载:如果表格数据较多,可以考虑使用分页加载的方式,重新加载数据时只加载当前页的数据,这样就不会出现数据消失的问题。 无论采用哪种方法,都需要在重新加载数据后手动重新选中之前选中的数据,因为重新加载数据会导致表格重新渲染,选中状态会丢失。 总之,要保持之前选中的数据不消失,我们需要在重新加载数据后重新选中数据,可以通过保存数据、使用缓存机制或者使用分页加载等方式来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值