久久久久久久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進行渲染, 大幅度提高渲染速度, 并且可以靈活拓展。 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進行渲染, 大幅度提高渲染速度, 并且可以靈活拓展。

                  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ù) 說明 類型 可選值 默認值
                  el 渲染對象 css選擇器 dom元素 string
                  language 語言選擇 string zn / en zn
                  data 顯示的數(shù)據 array - [ ]
                  content 自定義下拉框html string - -
                  initValue 初始化選中的數(shù)據, 需要在data中存在 array - null
                  tips 默認提示, 類似于placeholder string - 請選擇
                  empty 空數(shù)據提示 string - 暫無數(shù)據
                  filterable 是否開啟搜索 boolean true / false false
                  searchTips 搜索提示 string - 請選擇
                  delay 搜索延遲ms int - 500
                  filterMethod 搜索回調函數(shù) function(val, item, index, prop) val: 當前搜索值, item: 每個option選項, index: 位置數(shù)據中的下標, prop: 定義key - -
                  filterDone 搜索完成函數(shù) function(val, list) val: 當前搜索值, list: 過濾后的數(shù)據 - -
                  remoteSearch 是否開啟自定義搜索 (遠程搜索) boolean true / false false
                  remoteMethod 自定義搜索回調函數(shù) function(val, cb, show, pageIndex) val: 當前搜索值, cb(arr, totalPage): 回調函數(shù), 需要回調一個數(shù)組, 結構同data, 遠程分頁需要第二個參數(shù): 總頁碼, show: 下拉框顯示狀態(tài), pageIndex: 分頁下當前頁碼 - -
                  direction 下拉方向 string auto / up / down auto
                  style 自定義樣式 object - { }
                  height 默認最大高度 string - 200px
                  paging 是否開啟自定義分頁 boolean true / false false
                  pageSize 分頁條數(shù) int - 10
                  pageEmptyShow 分頁無數(shù)據是否顯示 boolean true / false true
                  pageRemote 是否開啟遠程分頁 boolean true / false true
                  radio 是否開啟單選模式 boolean true / false false  
                  repeat 是否開啟重復性模式 boolean true / false false
                  clickClose 是否點擊選項后自動關閉下拉框 boolean true / false false
                  prop 自定義屬性名稱, 具體看下表 object -  
                  theme 主題配置, 具體看下表 object - -
                  model 模型, 多選的展示方式, 具體見下表 object -  
                  iconfont 自定義選中圖標 object -  
                  show 展開下拉的回調 function - -
                  hide 隱藏下拉的回調 function - -
                  template 自定義渲染選項 function({ item, sels, name, value }) - -
                  on 監(jiān)聽選中變化 function({ arr, change, isAdd }) - -
                  max 設置多選選中上限 int - 0
                  maxMethod 達到選中上限的回到 function(sels, item), sels: 已選中數(shù)據, item: 當前選中的值 - -
                  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 是否默認選中第一項 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ù)據, data: 當前下拉數(shù)據 - null
                  tree 樹形結構, 具體看下表 object - -
                  cascader 級聯(lián)結構, 具體看下表 object - -
                  submitConversion 配置表單提交數(shù)據 function(sels, prop), sels: 已選中數(shù)據, prop: 自定義的prop - -
                  done 渲染完成回調 function -

                   
                  【網站聲明】本站部分內容來源于互聯(lián)網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯(liá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表單傳到后端亂碼問題解決 最近自己在做一些項目,然后遇到前端傳值亂碼的問題,上網搜了下解決方案都不是我想要的,而且也沒什么實際性的效果,后來自己解決了.代碼如

                    <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综合网| 成人高清在线视频 | 国产成人精品一区二区三 | 欧美精品一区二区在线观看 | 成人在线视频观看 | 久久久久久久久久久一区二区 | 中文字幕在线免费观看 | 国产电影一区二区在线观看 | 一区中文字幕 | 国产98色在线 | 四虎影院新地址 | 欧美激情精品久久久久久 | 九一精品 | 视频一区二区国产 | 亚洲一区中文字幕 | 国产美女久久 | 久草.com | 中文字幕一区二区三区精彩视频 | 日韩高清国产一区在线 | 日韩欧美理论片 | 国产91丝袜在线熟 | 殴美成人在线视频 | 成人免费视频观看 | 亚洲国产成人av好男人在线观看 | 激情福利视频 | 免费黄色在线观看 | 亚洲乱码国产乱码精品精的特点 | 久久久久久久亚洲精品 | 国产视频h | 国产大毛片| 欧美中文字幕一区二区三区亚洲 | 一区二区三区播放 | 尤物在线精品视频 | 亚洲三级av| 成人高清在线视频 | 在线播放一区 | 日韩精品久久 | 99久久久久|