動態下拉框
//下拉框異步加載
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 "刪除";
}