Layui使用總結及多選方案Xm select

二，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檔...