久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

  • <legend id='c4BDP'><style id='c4BDP'><dir id='c4BDP'><q id='c4BDP'></q></dir></style></legend>

    <tfoot id='c4BDP'></tfoot>
  • <i id='c4BDP'><tr id='c4BDP'><dt id='c4BDP'><q id='c4BDP'><span id='c4BDP'><b id='c4BDP'><form id='c4BDP'><ins id='c4BDP'></ins><ul id='c4BDP'></ul><sub id='c4BDP'></sub></form><legend id='c4BDP'></legend><bdo id='c4BDP'><pre id='c4BDP'><center id='c4BDP'></center></pre></bdo></b><th id='c4BDP'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='c4BDP'><tfoot id='c4BDP'></tfoot><dl id='c4BDP'><fieldset id='c4BDP'></fieldset></dl></div>

    <small id='c4BDP'></small><noframes id='c4BDP'>

      • <bdo id='c4BDP'></bdo><ul id='c4BDP'></ul>

        layui xm-select插件怎么使用

        xm-select是基于layui的多選解決方案,前身formSelects, 由于渲染速度慢, 代碼冗余, 被放棄了xm-select使用了新的開發(fā)方式, 利用preact進(jìn)行渲染, 大幅度提高渲染速度, 并且可以靈活拓展。 xm-sele
        • <bdo id='nYlRQ'></bdo><ul id='nYlRQ'></ul>
            <tbody id='nYlRQ'></tbody>

          1. <i id='nYlRQ'><tr id='nYlRQ'><dt id='nYlRQ'><q id='nYlRQ'><span id='nYlRQ'><b id='nYlRQ'><form id='nYlRQ'><ins id='nYlRQ'></ins><ul id='nYlRQ'></ul><sub id='nYlRQ'></sub></form><legend id='nYlRQ'></legend><bdo id='nYlRQ'><pre id='nYlRQ'><center id='nYlRQ'></center></pre></bdo></b><th id='nYlRQ'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='nYlRQ'><tfoot id='nYlRQ'></tfoot><dl id='nYlRQ'><fieldset id='nYlRQ'></fieldset></dl></div>

            <tfoot id='nYlRQ'></tfoot>

            <small id='nYlRQ'></small><noframes id='nYlRQ'>

          2. <legend id='nYlRQ'><style id='nYlRQ'><dir id='nYlRQ'><q id='nYlRQ'></q></dir></style></legend>
                  xm-select是基于layui的多選解決方案,前身formSelects, 由于渲染速度慢, 代碼冗余, 被放棄了xm-select使用了新的開發(fā)方式, 利用preact進(jìn)行渲染, 大幅度提高渲染速度, 并且可以靈活拓展。

                  xm-select: 基于Layui, 下拉選擇框的多選解決方案

                  通過一個簡單的小例子,看看如何使用xm-select.js

                  第一步: 下載

                  第二步: 引入 xm-select.js

                  第三步: 寫一個容器:
                  <div id="demo1"></div>
                  
                  第四步: 渲染
                  var demo1 = xmSelect.render({
                      el: '#demo1',
                      language: 'zn',
                      data: [
                          {name: '勾股CMS', value: 1},
                          {name: '勾股OA', value: 2},
                          {name: '勾股DEV', value: 3}
                      ]
                  })
                  配置項與方法
                   
                  參數(shù) 說明 類型 可選值 默認(rèn)值
                  el 渲染對象 css選擇器 dom元素 string
                  language 語言選擇 string zn / en zn
                  data 顯示的數(shù)據(jù) array - [ ]
                  content 自定義下拉框html string - -
                  initValue 初始化選中的數(shù)據(jù), 需要在data中存在 array - null
                  tips 默認(rèn)提示, 類似于placeholder string - 請選擇
                  empty 空數(shù)據(jù)提示 string - 暫無數(shù)據(jù)
                  filterable 是否開啟搜索 boolean true / false false
                  searchTips 搜索提示 string - 請選擇
                  delay 搜索延遲ms int - 500
                  filterMethod 搜索回調(diào)函數(shù) function(val, item, index, prop) val: 當(dāng)前搜索值, item: 每個option選項, index: 位置數(shù)據(jù)中的下標(biāo), prop: 定義key - -
                  filterDone 搜索完成函數(shù) function(val, list) val: 當(dāng)前搜索值, list: 過濾后的數(shù)據(jù) - -
                  remoteSearch 是否開啟自定義搜索 (遠(yuǎn)程搜索) boolean true / false false
                  remoteMethod 自定義搜索回調(diào)函數(shù) function(val, cb, show, pageIndex) val: 當(dāng)前搜索值, cb(arr, totalPage): 回調(diào)函數(shù), 需要回調(diào)一個數(shù)組, 結(jié)構(gòu)同data, 遠(yuǎn)程分頁需要第二個參數(shù): 總頁碼, show: 下拉框顯示狀態(tài), pageIndex: 分頁下當(dāng)前頁碼 - -
                  direction 下拉方向 string auto / up / down auto
                  style 自定義樣式 object - { }
                  height 默認(rèn)最大高度 string - 200px
                  paging 是否開啟自定義分頁 boolean true / false false
                  pageSize 分頁條數(shù) int - 10
                  pageEmptyShow 分頁無數(shù)據(jù)是否顯示 boolean true / false true
                  pageRemote 是否開啟遠(yuǎn)程分頁 boolean true / false true
                  radio 是否開啟單選模式 boolean true / false false  
                  repeat 是否開啟重復(fù)性模式 boolean true / false false
                  clickClose 是否點擊選項后自動關(guān)閉下拉框 boolean true / false false
                  prop 自定義屬性名稱, 具體看下表 object -  
                  theme 主題配置, 具體看下表 object - -
                  model 模型, 多選的展示方式, 具體見下表 object -  
                  iconfont 自定義選中圖標(biāo) object -  
                  show 展開下拉的回調(diào) function - -
                  hide 隱藏下拉的回調(diào) function - -
                  template 自定義渲染選項 function({ item, sels, name, value }) - -
                  on 監(jiān)聽選中變化 function({ arr, change, isAdd }) - -
                  max 設(shè)置多選選中上限 int - 0
                  maxMethod 達(dá)到選中上限的回到 function(sels, item), sels: 已選中數(shù)據(jù), item: 當(dāng)前選中的值 - -
                  name 表單提交時的name string - select
                  layVerify 表單驗證, 同layui的lay-verify string - ‘’
                  layVerType 表單驗證, 同layui的lay-verType string - ‘’
                  layReqText 表單驗證, 同layui的lay-reqText string - ‘’
                  toolbar 工具條, 具體看下表 object - -
                  showCount 展示在下拉框中的最多選項數(shù)量 int - 0
                  enableKeyboard 是否啟用鍵盤操作選項 boolean true / false true
                  enableHoverFirst 是否默認(rèn)選中第一項 boolean true / false true
                  selectedKeyCode 選中的鍵盤KeyCode int 全部KeyCode, 也可xmSelect.KeyCode.Enter,xmSelect.KeyCode.Space 13
                  autoRow 是否開啟自動換行(選項過多時) boolean true / false false
                  size 尺寸 string large / medium / small / mini medium
                  disabled 是否禁用多選 boolean true / false false  
                  create 創(chuàng)建條目 function(val, data), val: 搜索的數(shù)據(jù), data: 當(dāng)前下拉數(shù)據(jù) - null
                  tree 樹形結(jié)構(gòu), 具體看下表 object - -
                  cascader 級聯(lián)結(jié)構(gòu), 具體看下表 object - -
                  submitConversion 配置表單提交數(shù)據(jù) function(sels, prop), sels: 已選中數(shù)據(jù), prop: 自定義的prop - -
                  done 渲染完成回調(diào) function -

                   
                  【網(wǎng)站聲明】本站部分內(nèi)容來源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問題,如果有圖片或者內(nèi)容侵犯了您的權(quán)益,請聯(lián)系我們刪除處理,感謝您的支持!

                  相關(guān)文檔推薦

                  創(chuàng)建容器 xm-select-demo,選擇容器 隱藏賦值取值表單; div id="selected_box" class="layui-input-inline xm-select-demo" style="width:150px;"input type="hidden" id="poi_category_id"/div 異步獲取代碼 //獲取分類; $.aja
                  方法一:jQuery直接取值 var dep = layui.$("#dep").val(); //獲取選擇框的值 方式二:jQuery直接取值 var dep = xmSelect.get('#dep', true);?dep:dep.getValue('valueStr')
                  layui如何獲取select選中的值,下面代碼為您實現(xiàn)layui table中獲取select選中值 select name="region" lay-filter="region-dropdown" option value="ap-chengdu"成都/option option value="ap-nanjing"南京/option option value="a
                  SSM+layui 前端form表單傳到后端亂碼問題解決 最近自己在做一些項目,然后遇到前端傳值亂碼的問題,上網(wǎng)搜了下解決方案都不是我想要的,而且也沒什么實際性的效果,后來自己解決了.代碼如

                    <bdo id='lcXN5'></bdo><ul id='lcXN5'></ul>
                      <tbody id='lcXN5'></tbody>
                    • <small id='lcXN5'></small><noframes id='lcXN5'>

                      <tfoot id='lcXN5'></tfoot>
                        <legend id='lcXN5'><style id='lcXN5'><dir id='lcXN5'><q id='lcXN5'></q></dir></style></legend>

                          <i id='lcXN5'><tr id='lcXN5'><dt id='lcXN5'><q id='lcXN5'><span id='lcXN5'><b id='lcXN5'><form id='lcXN5'><ins id='lcXN5'></ins><ul id='lcXN5'></ul><sub id='lcXN5'></sub></form><legend id='lcXN5'></legend><bdo id='lcXN5'><pre id='lcXN5'><center id='lcXN5'></center></pre></bdo></b><th id='lcXN5'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='lcXN5'><tfoot id='lcXN5'></tfoot><dl id='lcXN5'><fieldset id='lcXN5'></fieldset></dl></div>

                            主站蜘蛛池模板: 麻豆91精品91久久久 | 中文字幕男人的天堂 | 亚洲精品免费在线观看 | 国产特一级黄色片 | 久久久久久99 | 成人午夜毛片 | 国产精品高清一区二区 | 99热欧美 | 日韩成人免费 | 国产在线精品一区二区三区 | 九九热在线视频 | 九九热在线观看视频 | 国产丝袜一区二区三区免费视频 | 成人欧美一区二区三区黑人孕妇 | 国产精品极品美女在线观看免费 | 国产精品91网站 | www.黄色在线观看 | 羞羞的视频免费看 | 亚洲国产精品99久久久久久久久 | 日本高清视频在线播放 | 91人人澡人人爽 | 精品一区二区三区在线观看国产 | 国产日韩一区二区三免费高清 | 嫩呦国产一区二区三区av | 欧美日韩精品久久久免费观看 | 成年女人免费v片 | 国产伊人精品 | 美女黄色在线观看 | 国产激情第一页 | 国产精品久久国产精品99 | 国产精品视频在线观看 | 在线成人免费视频 | 91在线观看免费视频 | 亚洲精品一区二区三区中文字幕 | 国产福利在线小视频 | 91国语清晰打电话对白 | 久久久久精 | 日韩精品在线免费观看 | 国产一区二区三区免费观看在线 | 99草免费视频 | 91麻豆精品国产91久久久更新资源速度超快 |