LayuI 动态下拉框和动态设置选中

动态下拉框

//下拉框异步加载
function asyncSelect(thisId, grade, selectNodeName) {
    $("#" + selectNodeName + "").empty();
    $("#" + selectNodeName + "").append("<option value=''>请选择</option>");
    //异步加载二级选项
    $.ajax({
        url: this_URL,
        type: "get",
        dataType: "json",
        success: function (rep) {
            let result = rep.data;
            //一级菜单初始化
            $.each(result, function (index, item) {
                $("#" + selectNodeName + "").append(new Option(item.static_name, item.xline_id));
            });
            layui.form.render("select");
        }
    });
}

设置下拉框某个选项选中

  $("#下拉框ID").val("被选项value");
  layui.form.render("select");

ajax常规格式

 $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            url: ctx + This_Url,
            //数据,json字符串
            data: JSON.stringify(date),
            traditional: true,
            //请求成功
            success: function (result) {
			//toDo
		} //请求失败,包含具体的错误信息
            error: function (e) {
                alert("失败发送");
                console.log(e.status);
                console.log(e.responseText);
            }
	});

数据表达 双击

 //双击事件::修改
    table.on('rowDouble(test)', function (obj) {
		//obj.data  整行数据信息
		//toDO。。。。。。

    });

时间选择器

HTML:
 <input type="text" class="layui-input" name="audit_time" id="test8" placeholder="yyyy-MM-dd HH:mm:ss">
CSS:
 //日期时间选择器
    laydate.render({
        elem: '#test8'
        , type: 'datetime'
    });

时间格式化常规

//2020-02-11T12:24:18.000+0000转化成正常格式 yyyy-MM-dd HH:ss:mm
function renderTime(date) {
    var dateee = new Date(date).toJSON();
    return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

数据表格字段翻译 :templet

sort: true, //排序
fixed: 'left', //靠左
hide: true //隐藏

		{
                field: 'state',
                title: '状态',
                width: 100, templet: function push_time(d) {
                    if (d.state == 0)
                        return "无效";
                    else if (d.state == 1)
                        return "有效";
                    else
                        return "删除";
                }

posted on 2021-06-16 15:12  白嫖老郭  阅读(1772)  评论(0编辑  收藏  举报

导航