二，xm-select
官網參考：layui官網
後台示例：layui後台管理與綜合示例
載入所需模組：layui 的內建模組並非預設就載入的，他必須在你執行該方法後才會載入
layui.
use(
['form'
,'laydate'],
function()
);
//本地儲存存入：引數1.呼叫的值 2.所要存入的資料
//【增】：向 remind_obj 表插入乙個 字串 字段，如果該錶不存在，則自動建立。
var obj =
;localstorage.
setitem
("remind_obj"
,json
.stringify
(obj));
//【查】：向 remind_obj 表讀取全部的資料
var localtest = localstorage.
getitem
("remind_obj");
//!$.isemptyobject()如果不是空物件」{}「
if(localtest!=
null
&&!$.
isemptyobject
(localtest)
)
//常規用法
laydate.
render()
;//同時繫結多個
lay(
'.test-item').
each
(function()
);})
;
/**
mysample.js裡擴充套件乙個sample2模組
**/
layui.
define
(function
(exports));
});// 在homepage2.html裡使用sample2模組
layui.
config()
.extend()
.use([
'index'
,'sample2'])
;//使用sample2模組
<
/script>
參考：xm-select官網
始於 layui 的乙個多選解決方案。前身 formselects, 由於渲染速度慢, **冗餘, 被放棄了
//多選下拉框渲染物件
var datatypes =
null
;datatypes = xmselect.
render(,
filterable:
true
,//過濾搜尋
paging:
true
,//分頁
pagesize:10,
//每頁條數
height:
'500px'
,//autorow: true,//自動換行
data: arr})
//獲取value字串逗號分割
var valuestr = datatypes.
getvalue
('valuestr');
//給多選賦值(value方式)
datatypes.
setvalue([
1,2]
);//搜尋input框失去焦點模擬：選擇完畢關閉監聽
$datatypes =$(
'#datatypes'
)$datatypes.on(
'blur'
,'.xm-search-input'
,function()
},300);}
);1.1 搜尋input框失去焦點事件：模擬選擇完畢關閉監聽
//搜尋input框失去焦點模擬：選擇完畢關閉監聽
賦值與取值與普通多選一致
//多選下拉框渲染物件
var run_class_users =
null
;//載入下拉框資料： 執行使用者
$.get
(ajaxpath+
"action/share/getusertoselect"
,function
(data)
, direction:
'down'
, autorow:
true
, filterable:
true
, tree:
, filterable:
true
, height:
'auto'
,data()
})})
;
Layui使用總結及多選方案Xm select
二，xm select 官網參考 layui官網 後台示例 layui後台管理與綜合示例 載入所需模組 layui 的內建模組並非預設就載入的，他必須在你執行該方法後才會載入 layui.use form laydate function 本地儲存存入 引數1.呼叫的值 2.所要存入的資料 增 向 ...
layui使用總結
一，table 資料，樣式設定 1，方法一，直接在對應列上設定好style 如下給列 型別 新增了字型顏色 f67d06 可以在script標籤裡寫html 什麼a標籤，span標籤，class和style都可以寫。直接在對應的模板上設定各種結構和樣式，較上面一種更加的靈活，不但可以設定樣式，還可以...
Layui時間選擇器使用總結
最近在開發中用到了layui，現在來整理下使用過程中遇到的問題和實現方法。一 用layui編寫時間範圍，時間範圍只顯示時和分鐘。layui的開發文件中介紹的時間範圍是包含時 分 秒的，但是現在只想要時和分。實現方法如下 1 在html檔案中新增如下 時間範圍 2 在css檔案中新增如下 3 在js檔...