1. 程式人生 > 其它 >LayuI 動態下拉框和動態設定選中

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 "刪除";
                }