LayUI使用注意

# layui获取、修改checkbox的值
<input type="checkbox" name="MySwitch" value="x" lay-skin="switch" lay-filter="switchTest" lay-text="OFF|ON">
$("input[name='MySwitch']").prop("checked", config.onlyShowError); //修改状态
$("input[name='MySwitch']").prop("checked"); //获取状态
layui.form.render(); //刷新页面
 
# table.render 处理数据
parseData: function (res) {
 
# 直接修改值
obj.elem.checked = !obj.elem.checked; //获取到元素的值可以直接修改
//layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis)//在ajax里使用this 在success function里使用obj.elem获取元素的值
layer.tips(obj.elem.value + ' ' + obj.elem.name + '：'+ obj.elem.checked, obj.othis); //回调时使用
 

监听开关、发送ajax请求

  //监听指定开关
form.on('switch(switchTest)', function(data){
	layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
	layui.$.ajax({
		type:'GET',
		data: 'modify=true',
		contentType :'application/json',
		dataType:'json',
		url :'data/mytest.json',
		success: function(config) {
			layui.$("input[name='MySwitch'").prop("checked", config.onlyShowError);
			layui.form.render();
		},
		error :function(e) {
			layer.alert("服务异常, 请检查服务运行状态和日志");
		}
	});
});

直接修改开关中元素的值

  //监听锁定操作
  form.on('checkbox(lockDemo)', function(obj){
      layui.$.ajax({
			type: 'GET',
			data: 'regionId='+obj.value, //将区域id带回去，修改selection标志位
			contentType :'application/json',
			dataType:'json',
			url: 'xxx',
            success: function(r) {
                if (r.statusMsg != '正确') { 
                    layer.tips(r.statusMsg, obj.othis);
                    obj.elem.checked = !obj.elem.checked; //获取到元素的值可以直接修改
                    layui.form.render();
                } else {
                    // layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis); //在ajax里使用this 在success function里使用obj.elem获取元素的值
                    layer.tips(obj.elem.value + ' ' + obj.elem.name + '：'+ obj.elem.checked, obj.othis);
                }
 
            }
		});
  });

layui 表格操作

获取数据之后使用parseData: function(r)做数据处理
https://blog.csdn.net/qq_44239383/article/details/107174707