xm-select使用

最近项目上需要加载一个问题分类下拉框,数据量不是普通的六七个,还需要有搜索功能,原生的下拉框是满足不了了,
于是使用layui的第三方组件xmSelect,功能是是非常强大的,分页,搜索,分组等等
如果需要展示更多列的数据,可以使用tableSelect


layui.config({base: './layui_exts/xmSelect/'}).extend({xmSelect: 'xm-select'}).use(['xmSelect'],function(){var xmSelect = layui.xmSelect;
})
//加载问题分类下拉框var xmSelect = xmSelect.render({el: '#itemType',language: 'zn',//开启搜索filterable: true,//搜索提示searchTips: '请输入问题分类关键词',//开启远程搜索remoteSearch: true,// layVerify: 'required',//搜素延迟delay: 1000,model: {icon: 'hidden',label: {type: 'block',block: {//是否显示删除图标showIcon: false,}}},//下拉方向direction: 'down',//搜索回调remoteMethod: function (val, cb, show, pageIndex) {$.ajax(ctx + 'complain/itemTypeList', {method: 'post',data: {itemType: val,pageNum: pageIndex},dataType: 'json',success: function (res) {var data = res.data;if (res.code == 0) {//成功回调数据    itemTypes  List<Map<String,String>>    name   valuecb(data.itemTypes, data.pages);} else {layer.msg(res.msg, {time: 2000, icon: 2, shade: 0.01});}}})},paging: true,pageRemote: true,radio: true,clickClose: true})

//获取值
xmSelect.getValue()[0].value

xm-select使用相关推荐

Oracle 查询练习及答案
注意:数据类型,表关系表之间的关系: 查询练习及答案: select * from user_tables; --科室 select * from dept; --医生 select * fro ...
nodejs mysql save_NodeJs Mysql简易操作工具
/** * npm install mysql -save */ var mysql = require('mysql'); const conf = { host: 'localhost', use ...
数据库原理之重要语法
学习完数据库原理后的一个小总结. 文章目录前言一.建表操作二.完整性约束三.增删改查四.相关数据类型五.相关函数 1.时间 2.字符串 3.聚合函数 4.string_agg函数六.查询 ...
jeee的基础知识(转载)
Servlet: 1)servlet : servlet是一个特殊的java程序,需要在web服务器上运行,并接收和响应客户端的请求,遵循http协议. 2)Servlet;作用: 主要用于控制层. ...
MyBatis学习从练气到化虚
MyBatis从练气到化虚一.MyBatis的由来 1.什么是ORM 2.iBatis的由来 3.为什么选择Mybatis 二.MyBatis的基本使用 1.准备数据库 2.创建工程,增加实体类 3 ...
数据库简介及SQL语法
①Oracle Database:甲骨文公司 ②SQL Server:微软公司 ③DB2:IBM 公司 ④PostgreSQL:开源 ⑤MySQL:开源 ⑥Access:微软公司 [古董] 红色为最常 ...
MySQL 动态行转列
CREATE TABLE `tbl01` ( `id` INT(11) DEFAULT NULL, `kemu` VARCHAR(20) COLLATE utf8_unicode_ci DEF ...
你苦苦寻找的SQL_server总结来啦
目录一.数据库的创建二.表的创建 2.1 表的创建 2.2 数据类型 2.3 表的操作 2.4 部分数据导入到另一个表中去 2.5 表的高级操作三 .变量与赋值(循环.分支)语句 3.1变量 3 ...
ORACLE-SQL较全面笔记
-- 首先,以超级管理员的身份登录oracle sqlplus sys/bjsxt as sysdba --然后,解除对scott用户的锁 alter use ...
Oracle数据库语法查询大全（附实战操作）
接触数据库的同志,数据查询经常会遇使用,对于小白甚至''高手''来说有些命令语句也不好拿捏,有的还要不停百度,是不是挺浪费时间.本文章带你走进日常数据查询,也劳烦老板们抬手点个收藏,有想法的欢迎交流, ...

xm-select使用

xm-select使用相关推荐

最新文章

热门文章