layui(下拉赋值、列表时间转换)

下拉赋值

<select name="elderIdentity" id="elderIdentity" lay-verify="elder_identity" 
				lay-filter="elderIdentity" lay-search style="width: 400px;">
		<option value="">请选择</option>
</select>

写在layui.use(['form', 'layedit','laydate'], function(){})方法内

$.ajax({
	        url : "${base}/elder/getElderAll.do",
	        type: "POST",
	        success: function(data) {  //res是server端响应
	        	$.each(data, function (index, item) {
                    // 下拉菜单里添加元素
	        		$('#elderIdentity').append(new Option(item.fullname, item.identity));
	        	});
	        	layui.form.render(); //更新全部         
	        }
		});

主要的是,layui.form.render();

如果不行试一试form.render();

  1. form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器内的全部表单状态
  2. form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器内的全部 select 状态

下拉监听

select括号里的值,是lay-filter="elderIdentity" 的值

form.on('select(elderIdentity)', function(data){
		$.ajax({
		    url: "${base}elder/getInfo.do",
		    type: "POST",
		    data: {
		        "identity": data.value
		    },
		    success: function(res) {  //res是server端响应
		    	if(res!=null){
			        $("#fullname").val(res.fullname);
			        $("#oid").val(res.identity);
		    	}
		    }
		});	  
});

根据值赋值

 $('#id').val(val);
 form.render(); //更新全部         

列表时间转换

{field : 'statDate',title : '监测日期',width : 120,sort : true,fixed : 'left'
						/* ,templet : function(d) {
							if(d.statDate==null || d.statDate==''){
								return '';
							}else{
								var applyDate = new Date(d.statDate);
								return applyDate.format("yyyy-MM-dd");
							}
							
						} */
						,templet : "<div>{{layui.util.toDateString(d.statDate, 'yyyy-MM-dd')}}</div>"
}

前面注释的方法也是一种,但是有一次出不来 没找到原因,下面的方法也可以。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值