pbootcms网站模板|织梦模板|网站源码|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>

                            主站蜘蛛池模板: 轻型地埋电缆故障测试仪,频响法绕组变形测试仪,静荷式卧式拉力试验机-扬州苏电 | 蓝鹏测控平台 - 智慧车间系统 - 车间生产数据采集与分析系统 | 喷码机,激光喷码打码机,鸡蛋打码机,手持打码机,自动喷码机,一物一码防伪溯源-恒欣瑞达有限公司 | 压砖机、液压制砖机、静压砖机、环保砖机生产厂家—杜甫机械 | 厂房出租-厂房规划-食品技术-厂房设计-厂房装修-建筑施工-设备供应-设备求购-龙爪豆食品行业平台 | 汽液过滤网厂家_安平县银锐丝网有限公司 | 变压器配件,变压器吸湿器,武强县吉口变压器配件有限公司 | 超声骨密度仪,双能X射线骨密度仪【起草单位】,骨密度检测仪厂家 - 品源医疗(江苏)有限公司 | 三氯异氰尿酸-二氯-三氯-二氯异氰尿酸钠-优氯净-强氯精-消毒片-济南中北_优氯净厂家 | 免费B2B信息推广发布平台 - 推发网 | 制氮设备_PSA制氮机_激光切割制氮机_氮气机生产厂家-苏州西斯气体设备有限公司 | 生物制药洁净车间-GMP车间净化工程-食品净化厂房-杭州波涛净化设备工程有限公司 | 超声波电磁流量计-液位计-孔板流量计-料位计-江苏信仪自动化仪表有限公司 | 无锡不干胶标签,卷筒标签,无锡瑞彩包装材料有限公司 | 金刚网,金刚网窗纱,不锈钢网,金刚网厂家- 河北萨邦丝网制品有限公司 | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 书信之家_书信标准模板范文大全| 除甲醛公司-甲醛检测-广西雅居环境科技有限公司 | 防爆电机-高压防爆电机-ybx4电动机厂家-河南省南洋防爆电机有限公司 | 数控专用机床,专用机床,自动线,组合机床,动力头,自动化加工生产线,江苏海鑫机床有限公司 | T恤衫定做,企业文化衫制作订做,广告T恤POLO衫定制厂家[源头工厂]-【汉诚T恤定制网】 | 岩棉板|岩棉复合板|聚氨酯夹芯板|岩棉夹芯板|彩钢夹芯板-江苏恒海钢结构 | 上海瑶恒实业有限公司|消防泵泵|离心泵|官网 | 安全,主动,被动,柔性,山体滑坡,sns,钢丝绳,边坡,防护网,护栏网,围栏,栏杆,栅栏,厂家 - 护栏网防护网生产厂家 | MTK核心板|MTK开发板|MTK模块|4G核心板|4G模块|5G核心板|5G模块|安卓核心板|安卓模块|高通核心板-深圳市新移科技有限公司 | 冻干机(冷冻干燥机)_小型|实验型|食品真空冷冻干燥机-松源 | 佛山商标注册_商标注册代理|专利注册申请_商标注册公司_鸿邦知识产权 | 传递窗_超净|洁净工作台_高效过滤器-传递窗厂家广州梓净公司 | 拉力测试机|材料拉伸试验机|电子拉力机价格|万能试验机厂家|苏州皖仪实验仪器有限公司 | 广域铭岛Geega(际嘉)工业互联网平台-以数字科技引领行业跃迁 | 森旺-A级防火板_石英纤维板_不燃抗菌板装饰板_医疗板 | 浙江筋膜枪-按摩仪厂家-制造商-肩颈按摩仪哪家好-温州市合喜电子科技有限公司 | 广域铭岛Geega(际嘉)工业互联网平台-以数字科技引领行业跃迁 | 英思科GTD-3000EX(美国英思科气体检测仪MX4MX6)百科-北京嘉华众信科技有限公司 | 并网柜,汇流箱,电控设备,中高低压开关柜,电气电力成套设备,PLC控制设备订制厂家,江苏昌伟业新能源科技有限公司 | 单柱拉力机-橡胶冲片机-哑铃裁刀-江都轩宇试验机械厂 | 酒精检测棒,数显温湿度计,酒安酒精测试仪,酒精检测仪,呼气式酒精检测仪-郑州欧诺仪器有限公司 | 圣才学习网-考研考证学习平台,提供万种考研考证电子书、题库、视频课程等考试资料 | 震动筛选机|震动分筛机|筛粉机|振筛机|振荡筛-振动筛分设备专业生产厂家高服机械 | 深圳市万色印象美业有限公司| 机器视觉检测系统-视觉检测系统-机器视觉系统-ccd检测系统-视觉控制器-视控一体机 -海克易邦 |