今天就跟大家聊聊有關(guān)layui中 timeline如何使用，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。
使用layui timeline過(guò)程記錄：
layui官網(wǎng)時(shí)間線介紹比較少，可能是太簡(jiǎn)單了，這里把時(shí)間線通過(guò)請(qǐng)求后臺(tái)數(shù)據(jù)。再自動(dòng)填寫到對(duì)應(yīng)區(qū)塊，進(jìn)行了封裝；
代碼如下：
重慶分公司
重慶分公司
function timelineshow(url,json,div){ $.ajax({ url: url, type: "post", data: json, dataType: "json", success: function (res) { console.log(res); if(res.SUCCESS===true){ var list = res.data; var uls = ""; var uls1 = ""; var uls2 = "
"; var lis = ""; var lis1 = ""; var lis2 = " "; var is = ""; var divs = ""; var divs2 = " "; var ps2 = "
"; var br = ""; if(list.length>0){ var content1 = ""; content1 = content1+uls; for(var i=0; i調(diào)用如下：
var url = "./json/timeline/dome1.js";
var json = {};
timelineshow(url,json,"div1");//url為請(qǐng)求數(shù)據(jù)地址；json為參數(shù)json字符串；打三個(gè)參數(shù)為時(shí)間線顯示位置標(biāo)簽id
參數(shù)說(shuō)明：
url:實(shí)際后臺(tái)請(qǐng)求地址；
json:請(qǐng)求參數(shù)；
第三個(gè)參數(shù):時(shí)間線繪制點(diǎn)
數(shù)據(jù)響應(yīng)形式：
{ "SUCCESS": true, "data": [{ "time": "2019-01-04 11:00:42", "content":"這是一條測(cè)試內(nèi)容", "ul":[{ "content":"子內(nèi)容1" }, { "content":"子內(nèi)容1" }] }, { "time": 1546571007000, "content":"這是一條測(cè)試內(nèi)容", "ul":[{ "content":"子內(nèi)容1" }, { "content":"子內(nèi)容1" }] }, { "time": 1546571096000, "content":"這是一條測(cè)試內(nèi)容" }, { "time": 1546571118000, "content":"這是一條測(cè)試內(nèi)容" }, { "time": 1546571159000, "content":"這是一條測(cè)試內(nèi)容" }, { "time": 1546571372000, "content":"這是一條測(cè)試內(nèi)容" }, { "time": 1546571458000, "content":"這是一條測(cè)試內(nèi)容" }, { "time": 1546571721000, "content":"這是一條測(cè)試內(nèi)容" }, { "time": 1546572137000, "content":"這是一條測(cè)試內(nèi)容" }], "msg": "查詢成功！"}參數(shù)說(shuō)明：
“SUCCESS”：調(diào)用接口狀態(tài)反饋；
“data”:時(shí)間線內(nèi)容
“time”:時(shí)間線時(shí)間;這里可以傳入時(shí)間戳形式；也可以傳入定義好的時(shí)間格式;如："2019-01-04 11:00:42"
“content”:內(nèi)容
“url”:子內(nèi)容
“content”:內(nèi)容部分
“msg”:調(diào)用接口反饋信息；當(dāng)“SUCCESS”為false時(shí)，會(huì)根據(jù)此字段進(jìn)行提示信息
看完上述內(nèi)容，你們對(duì)layui中 timeline如何使用有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。
