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模組

參考：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);
});

//搜尋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檔...