天天看點

layui 自定義排序_layui使用心得

首先先說一下input的各個屬性:

class="layui-input"-------将input定義為layui樣式,

name="finishdate"-------規定了input的名稱,隻有設定了 name 屬性的表單元素才能在送出表單時傳遞它們的值,

lay-verify="required"-------表單驗證(在js中書寫form.verify()方法對自定義的标簽值進行校驗 ),

placeholder------input的填充

autocomplete------屬性規定輸入字段是否應該啟用自動完成功能(當使用者在字段開始鍵入時,浏覽器基于之前鍵入過的值,應該顯示出在字段中填寫的選項),

再說一下彈出層layer:

在做項目時我把一個input的表單放在layer裡面顯示,然後說一下layer各個參數的用法:

1.type:  類型:number,預設為0

layer提供了5種層類型。可傳入的值有:0(資訊框,預設)1(頁面層)2(iframe層)3(加載層)4(tips層)。 若你采用layer.open({type: 1})方式調用,則type為必填項(資訊框除外)

2.title:   類型:String/Array/Boolean,預設:'資訊'

title支援三種類型的值,若你傳入的是普通的字元串,如title :'我是标題',那麼隻會改變标題文本;若你還需要自定義标題區域樣式,那麼你可以title: ['文本', 'font-size:18px;'],數組第二項可以寫任意css樣式;如果你不想顯示标題欄,你可以title: false。

3.content:   類型:String/DOM/Array,預設:''

content可傳入的值是靈活多變的,不僅可以傳入普通的html内容,還可以指定DOM,更可以随着type的不同而不同。

4.area:類型:String/Array,預設:'auto'

預設狀态下,layer彈出層的寬高是自适應的,但當隻想定義寬度時,你可以area: '500px',高度仍然是自适應的。當寬高都要定義時,你可以area: ['500px', '300px']

5.btn:類型:String/Array,預設:'确認'

資訊框模式時,btn預設是一個确認按鈕,其它層類型則預設不顯示,加載層和tips層則無效。當您隻想自定義一個按鈕時,你可以btn: '我知道了',當你要定義兩個按鈕時,你可以btn: ['yes', 'no']。當然,你也可以定義更多按鈕,比如:btn: ['按鈕1', '按鈕2', '按鈕3', …],按鈕1和按鈕2的回調分别是yes和cancel,而從按鈕3開始,則回調為btn3: function(){},以此類推。

6.btnAlign - 按鈕排列

你可以快捷定義按鈕的排列位置,btnAlign的預設值為r,即右對齊。該參數可支援的指派如下:btnAlign: 'l' 按鈕左對齊

btnAlign: 'c'  按鈕居中對齊

btnAlign: 'r'  按鈕右對齊。預設值,不用設定

7.maxmin:最大最小化

該參數值對type:1和type:2有效。預設不顯示最大小化按鈕。需要顯示配置maxmin: true即可

8.fixed - 固定

類型:Boolean,預設:true

即滑鼠滾動時,層是否固定在可視區域。如果不想,設定fixed: false即可

9.resize - 是否允許拉伸

類型:Boolean,預設:true

預設情況下,你可以在彈層右下角拖動來拉伸尺寸。如果對指定的彈層屏蔽該功能,設定 false即可。該參數對loading、tips層無效

layui--table格式:

詳見layui-table的相關問題