LayuI 動態下拉框和動態設定選中
阿新 • • 發佈:2021-06-16
動態下拉框
//下拉框非同步載入 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 "刪除";
}