pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

  • <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="rtfxdl7" 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="djflbp7" 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, 下拉選擇框的多選解決方案

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

                  第一步: 下載

                  第二步: 引入 xm-select.js

                  第三步: 寫一個(gè)容器:
                  <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}
                      ]
                  })
                  配置項(xiàng)與方法
                   
                  參數(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: 每個(gè)option選項(xiàng), 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)一個(gè)數(shù)組, 結(jié)構(gòu)同data, 遠(yuǎn)程分頁需要第二個(gè)參數(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 是否點(diǎn)擊選項(xiàng)后自動關(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 自定義渲染選項(xiàng) 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 表單提交時(shí)的name string - select
                  layVerify 表單驗(yàn)證, 同layui的lay-verify string - ‘’
                  layVerType 表單驗(yàn)證, 同layui的lay-verType string - ‘’
                  layReqText 表單驗(yàn)證, 同layui的lay-reqText string - ‘’
                  toolbar 工具條, 具體看下表 object - -
                  showCount 展示在下拉框中的最多選項(xiàng)數(shù)量 int - 0
                  enableKeyboard 是否啟用鍵盤操作選項(xiàng) boolean true / false true
                  enableHoverFirst 是否默認(rèn)選中第一項(xiàng) boolean true / false true
                  selectedKeyCode 選中的鍵盤KeyCode int 全部KeyCode, 也可xmSelect.KeyCode.Enter,xmSelect.KeyCode.Space 13
                  autoRow 是否開啟自動換行(選項(xiàng)過多時(shí)) 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選中的值,下面代碼為您實(shí)現(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表單傳到后端亂碼問題解決 最近自己在做一些項(xiàng)目,然后遇到前端傳值亂碼的問題,上網(wǎng)搜了下解決方案都不是我想要的,而且也沒什么實(shí)際性的效果,后來自己解決了.代碼如

                    <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="jh77bdl" id='lcXN5'><tfoot id='lcXN5'></tfoot><dl id='lcXN5'><fieldset id='lcXN5'></fieldset></dl></div>

                            主站蜘蛛池模板: 硫酸亚铁-聚合硫酸铁-除氟除磷剂-复合碳源-污水处理药剂厂家—长隆科技 | 一体化隔油提升设备-餐饮油水分离器-餐厨垃圾处理设备-隔油池-盐城金球环保产业发展有限公司 | 锻造液压机,粉末冶金,拉伸,坩埚成型液压机定制生产厂家-山东威力重工官方网站 | 硬质合金模具_硬质合金非标定制_硬面加工「生产厂家」-西迪技术股份有限公司 | 浙江寺庙设计-杭州寺院设计-宁波寺庙规划_汉匠 | 电抗器-能曼电气-电抗器专业制造商 | 【北京写字楼出租_写字楼租赁_办公室出租网/出售】-远行地产官网 | 脉冲布袋除尘器_除尘布袋-泊头市净化除尘设备生产厂家 | 河南包装袋厂家_河南真空袋批发价格_河南服装袋定制-恒源达包装制品 | 首页|专注深圳注册公司,代理记账报税,注册商标代理,工商变更,企业400电话等企业一站式服务-慧用心 | 安徽千住锡膏_安徽阿尔法锡膏锡条_安徽唯特偶锡膏_卡夫特胶水-芜湖荣亮电子科技有限公司 | 福尔卡(北京)新型材料技术股份有限公司 | 上海单片机培训|重庆曙海培训分支机构—CortexM3+uC/OS培训班,北京linux培训,Windows驱动开发培训|上海IC版图设计,西安linux培训,北京汽车电子EMC培训,ARM培训,MTK培训,Android培训 | 首页|专注深圳注册公司,代理记账报税,注册商标代理,工商变更,企业400电话等企业一站式服务-慧用心 | 不发火防静电金属骨料_无机磨石_水泥自流平_修补砂浆厂家「圣威特」 | 石家庄网站建设|石家庄网站制作|石家庄小程序开发|石家庄微信开发|网站建设公司|网站制作公司|微信小程序开发|手机APP开发|软件开发 | 飞利浦LED体育场灯具-吸顶式油站灯-飞利浦LED罩棚灯-佛山嘉耀照明有限公司 | 避光流动池-带盖荧光比色皿-生化流动比色皿-宜兴市晶科光学仪器 东莞爱加真空科技有限公司-进口真空镀膜机|真空镀膜设备|Polycold维修厂家 | 自动配料系统_称重配料控制系统厂家 | 酒水灌装机-白酒灌装机-酒精果酒酱油醋灌装设备_青州惠联灌装机械 | 医用空气消毒机-医用管路消毒机-工作服消毒柜-成都三康王 | 深圳活动策划公司|庆典策划|专业公关活动策划|深圳艺典文化传媒 重庆中专|职高|技校招生-重庆中专招生网 | 电采暖锅炉_超低温空气源热泵_空气源热水器-鑫鲁禹电锅炉空气能热泵厂家 | 污泥烘干机-低温干化机-工业污泥烘干设备厂家-焦作市真节能环保设备科技有限公司 | 紫外可见光分光度计-紫外分光度计-分光光度仪-屹谱仪器制造(上海)有限公司 | 江苏大隆凯科技有限公司| 洗砂机械-球磨制砂机-洗沙制砂机械设备_青州冠诚重工机械有限公司 | 纳米二氧化硅,白炭黑,阴离子乳化剂-臻丽拾科技 | 网架支座@球铰支座@钢结构支座@成品支座厂家@万向滑动支座_桥兴工程橡胶有限公司 | 计算机毕业设计源码网| jrs高清nba(无插件)直播-jrs直播低调看直播-jrs直播nba-jrs直播 上海地磅秤|电子地上衡|防爆地磅_上海地磅秤厂家–越衡称重 | 矿用履带式平板车|探水钻机|气动架柱式钻机|架柱式液压回转钻机|履带式钻机-启睿探水钻机厂家 | 不锈钢酒柜|恒温酒柜|酒柜定制|酒窖定制-上海啸瑞实业有限公司 | 工业设计,人工智能,体验式3D展示的智能技术交流服务平台-纳金网 J.S.Bach 圣巴赫_高端背景音乐系统_官网 | 深圳标识制作公司-标识标牌厂家-深圳广告标识制作-玟璟广告-深圳市玟璟广告有限公司 | 不锈钢散热器,冷却翅片管散热器厂家-无锡市烨晟化工装备科技有限公司 | 电磁辐射仪-电磁辐射检测仪-pm2.5检测仪-多功能射线检测仪-上海何亦仪器仪表有限公司 | 上海律师咨询_上海法律在线咨询免费_找对口律师上策法网-策法网 广东高华家具-公寓床|学生宿舍双层铁床厂家【质保十年】 | 金属回收_废铜废铁回收_边角料回收_废不锈钢回收_废旧电缆线回收-广东益夫金属回收公司 | ASA膜,ASA共挤料,篷布色母料-青岛未来化学有限公司 | 碳纤维布-植筋胶-灌缝胶-固特嘉加固材料公司 |