首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

select2 使用教程(简)「建议收藏」

一.文件需要引入select2.full.js、select2.min.css(4.0.1版本)和jquery.1.8.3及以上 最新版本的select2如果引用的jquery版本较低的话,某些功能无法正常使用...(params.term表示输入框中内容,q发生到服务器的参数名;所以这里你可以添加自定义参数,如:stype:’person’) 2.processResults中results: data...);(新版) 5.主题样式:新版的样式已经更新,但如果想使用老版样式则可以设置 theme: “classic” Select2控件介绍 这个插件是基于Select的扩展插件,能够提供更加丰富的功能和用户体验...3)树形列表的下拉列表 有时候,我们的一些数据可能有层次关系的,如所属机构、上层列表等等。...我们从案例里面可以看到,Select2支持多项值的选择,它们保存后会以逗号分开,如果我们需要在编辑的时候显示存储的多个记录,那么需要把字符串转换为数组列表才能进行正确绑定,如下所示。

24.7K20

select2 api参数的文档

id 函数 函数用于获取id从选择对象或字符串id存储代表的关键 matcher 函数 用于确定是否搜索词匹配一个选项时使用一个内置的查询功能 sortResults 函数 用于排序列表搜索之前显示的结果...允许创建通过查询选择不可用 功能。 有用的用户可以创建动态的选择时,如“标签”usecase。...通常是明智的,设置该选项值相似 [',',' '] 。 query 函数 函数用于搜索词的查询结果。 ajax 对象 选择内置的ajax查询功能。...内置函数支持更高级的特性,比如节流和无序的反应。 data 数组/对象 择建在查询功能,使用数组。...如果 字符串 而不是使用 对象 他们将有一个被转换成一个对象 id 和 文本 属性相等 的值 字符串 。 containerCss 函数/对象 内联css将被添加到select2的容器。

6K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用

    在上篇《基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用》介绍了数据的分页处理,使用了Bootstrap Paginator插件,另外对树形列表,采用了...JSTree插件,本篇继续介绍在编辑页面中常用到的控件Select2,这个控件可以更加丰富传统的Select下拉列表控件,提供更多的功能和更好的用户体验。...1、Select2控件介绍 这个插件是基于Select的扩展插件,能够提供更加丰富的功能和用户体验,它的github官网地址为:https://select2.github.io/,具体的使用案例,可以参考地址...但我们选择其中的内容的时候,系统自动显示出没有选择的列表数据,非常直观友好,如下所示。 ? 3)树形列表的下拉列表 有时候,我们的一些数据可能有层次关系的,如所属机构、上层列表等等。 ? ?...对于属性列表,如所属公司、所属部门机构等有层次性的数据,它的绑定操作也是类似的,如下代码所示。

    4.2K90

    流量控制--3.Linux流量控制的组件

    调度器可以是一个简单的FIFO,也可以变得很复杂,包括classes和其他qdiscs,如HTB。 分类 filter 对象通过一个classifier 对象执行分类。...策略器可以限制入队列的报文的速率,或丢弃匹配特定模式的所有流量。 流量控制系统中,报文的丢失可能是由某个动作引起的副作用。例如,如果使用的调度器使用和GRED一样的方法控制流时,报文将被丢弃。...对于大多数的队列规则,tc命令行中的limit参数会覆盖默认的txqueuelen 值。总之,如果没有使用上述的任意一种队列规则或覆盖了默认的队列长度,那么txqueuelen 就没有任何意义。...可以在/sys目录根据NIC的名称和位置下找到BQL的状态和配置。例如我的一台服务器上的eth0 的目录为: 可以使用ethtool -i 来查看设备的PCI号。...的间隔时间,单位毫秒 inflight: 队列中还没有传输的字节数 limit: BQL计算出的LIMIT值。

    3.1K40

    新手编程1001问(2)

    新手编程1001问(2) Q:‍前端如何实现页面下拉框Select的联动? A:上一期,我们回答了JS/JQuery如何获取下拉框选中的文本和值。那么今天的问题,我们可以继续聊聊下拉框了。...下拉框在前端设计中是一个很常用的列表控件。独立的下拉框要实现起来并不难。但是,有时候我们会遇到两个甚至多个下拉框需要联动的问题,这时候,页面的实现就不是一个简单的交互了。...因此,实现联动需要解决的问题关键在于,页面不刷新的情况下,能够根据上一个下拉框的值,获取下一个下拉框的列表数据,并更新到列表。...解决这个问题的关键方法分两步: 第一步:使用Ajax,页面不刷新,获取下一个下拉框的列表数据。 第二步:使用JQery,将Ajax获取的列表数据更新到指定的下拉框。...案例:页面上有Select1和Select2,需求是Select2的列表数据依赖于Select1选中的值。

    8K40

    数据库sql嵌套查询题_sql子查询嵌套优化

    二、嵌套查询方式 2.1 带有比较运算符的子查询 带有比较运算符的子查询是指父查询和子查询之间用比较运算符连接,当用户能确切知道子查询返回的是单个值时,可以用带有比较运算符的子查询; 比较运算符:...= , 例如:子查询是查询学生表中姓名为张三的学生所在的系,父查询是查询该系所有学生的姓名和学号。张三只能在一个系,所以子查询的结果是单个值,可以使用比较运算符连接。...in谓词的子查询 用在where子句中用来判断查询的属性是否在多个值的列表中。...返回满足in列表中的满足条件的记录。...2.3 带有any(some)或all谓词的子查询 有的系统用any,有的用some; 子查询返回单值时可以用比较运算符,但返回多值时使用any/some谓词修饰符。

    2.7K10

    C# 语言中Lambda(拉姆达) 表达式介绍

    Lambda 在基于方法的 LINQ 查询中用作标准查询运算符方法(如 Where)的参数。...await Task.Delay(1000); } } 带有标准查询运算符的 lambda 许多标准查询运算符都具有输入参数,其类型是泛型委托系列 Func 中的一种...该方法将返回数字数组中的所有元素,直至遇到一个值小于其位置的数字为止。 不要将 lambda 运算符 (=>) 与大于等于运算符 (>=) 混淆。...有关查询语法与方法语法之间的差异的详细信息,请参阅 LINQ 中的查询语法和方法语法。...需要 lambda 的原因是无法使用查询语法调用 Sum 标准查询运算符。 查询首先根据学生的年级(在 GradeLevel 枚举中定义)对学生进行分组。 然后为每个组添加每个学生的总分。

    8.1K40

    如何在Ubuntu 14.04第2部分上查询Prometheus

    准备 本教程基于如何在Ubuntu 14.04第1部分上查询Prometheus中概述的设置。至少,您需要按照该教程中的步骤1和步骤2来设置Prometheus服务器和三个受监控的演示服务实例。...但是,我们还将在第一部分中解释的查询语言技术的基础上进行构建,从而建议完全使用它。 第1步 - 按值过滤和使用阈值 在本节中,我们将学习如何根据其值过滤返回的时间序列。...rate(demo_api_request_duration_seconds_count{job="demo"}[5m]) > 30 结果将在图表中显示如下: 如您所见,在图表中使用值过滤器和设置操作可能会导致时间序列出现并在同一图表中消失...第5步 - 排序和使用topk / bottomk函数 在此步骤中,您将学习如何对查询输出进行排序或仅选择一组系列的最大值或最小值。 在表格控制台视图中,按输出系列的值对输出系列进行排序通常很有用。...您现在知道如何查询实例健康状况了。 结论 在本教程中,我们构建了如何在Ubuntu 14.04第1部分上查询Prometheus的进度,并介绍了更高级的查询技术和模式。

    2.8K00

    T-SQL进阶:超越基础 Level 2:编写子查询

    可以在任何可以使用表达式的地方使用子查询。许多子查询返回单个列值,因为它们与比较运算符(=,!=,,> =)或表达式结合使用。当子查询不用作表达式或使用比较运算符时,它可以返回多个值。...返回单个值的子查询的示例 如上所述,在表达式中使用的子查询或返回比较运算符一侧的值需要返回单个值。...列列表中的子查询 列列表中的子查询是SELECT语句,它返回放置在SELECT子句的列列表中的单个列值。...子查询可以独立于外部查询运行,因此有时也称为独立查询。记住,任何时候你有一个子查询代替一个表达式,或者与比较运算符一起使用,它只能返回一个列和值。通常可以使用JOIN逻辑重写子查询。...当用作表达式或在比较操作中时,子查询需要返回一个列值。当子查询与IN关键字一起使用时,它可以返回列的单个或多个值。如果在FROM子句中使用子查询,它只能返回一列和一个值,但也可以返回多个列和值。

    6K10

    玩转Mysql系列 - 第7篇:玩转select条件查询,避免采坑

    此时我们需要使用条件查询来对指定表进行操作,我们需要了解sql中的条件查询常见的玩法。 本篇内容 条件查询语法 条件查询运算符详解(=、、>=、、!...逻辑查询运算符 当我们需要使用多个条件进行查询的时候,需要使用逻辑查询运算符。...NOT IN查询 not in和in刚好相反,in是列表中被匹配的都会被返回,NOT IN是和列表中都不匹配的会被返回。...: 上面带有条件的查询,对字段b进行条件查询的,b的值为NULL的都没有出现。...总结 like中的%可以匹配一个到多个任意的字符,_可以匹配任意一个字符 空值查询需要使用IS NULL或者IS NOT NULL,其他查询运算符对NULL值无效 建议创建表的时候,尽量设置表的字段不能为空

    1.6K30

    MySQL中的MVCC到底能不能解决幻读

    WHERE''检索一定范围内数据的操作中间,事务2在这个表中创建了(如[[INSERT]])了一行新数据,这条新数据正好满足事务1的“WHERE”子句。...如果被访问版本的trx_id属性值在m_ids列表中最大的事务id和最小事务id之间,那就需要判断一下trx_id属性值是不是在m_ids列表中,如果在,说明创建ReadView时生成该版本的事务还是活跃的...100、200均未提交的时候执行的查询 SELECT * FROM t WHERE id = 1; # 得到的列name的值为'小A' # SELECT2:Transaction 100提交,Transaction...200未提交的时候执行的查询 SELECT * FROM t WHERE id = 1; # 得到的列name的值为'小C' 复制代码 这个SELECT2的执行过程如下: 在执行SELECT语句时会先生成一个...以此类推,如果之后事务id为200的记录也提交了,再此在使用READ COMMITTED隔离级别的事务中查询表t中id值为1的记录时,得到的结果就是'小F'了,具体流程我们就不分析了。

    57410

    社区版pycharm flask封装接口

    因为装的pycharm版本是社区版,没有单独的flask项目创建入口 1、首先和创建python项目一样创建一个项目:要选择虚拟环境(一般默认即可) 2、项目文件夹下安装flask:npm install...''' self.cursor = self.db.cursor() try: self.cursor.execute(sql) # 返回 查询数据 条数 可以根据 返回值 判定处理结果 data...__table__.columns} # 上面的有缺陷,表字段和属性不一致会有问题 def select2(self, sql,args): ''' 数据库查询 ''' self.cursor = self.db.cursor...() try: self.cursor.execute(sql,(args,)) # 返回 查询数据 条数 可以根据 返回值 判定处理结果 data = self.cursor.fetchall()...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    1.1K30

    2020年度总结了这 50 道 MySQL 高频面试题!

    使用Mysql查询浏览器支持管理 6、如何区分FLOAT和DOUBLE? 以下是FLOAT和DOUBLE的区别: 浮点数以8位精度存储在FLOAT中,并且有四个字节。...29、如何在Unix和Mysql时间戳之间进行转换?...在SELECT语句的列比较中使用=,, =,>,>,,AND,OR或LIKE运算符。 31、我们如何得到受查询影响的行数?...在Mysql中,使用以下代码查询显示前50行: SELECT*FROM LIMIT 0,50; 44、可以使用多少列创建索引? 任何标准表最多可以创建16个索引列。...50、解释访问控制列表 ACL(访问控制列表)是与对象关联的权限列表。这个列表是Mysql服务器安全模型的基础,它有助于排除用户无法连接的问题。 Mysql将ACL(也称为授权表)缓存在内存中。

    4K20

    7分钟内快速完整地浏览Python3中的列表

    此功能将帮助开发人员和程序员以更灵活的方式处理列表。python中的List是最强大的内置数据结构之一。 python中的列表还可以存储整数,浮点值,字符串,布尔值和复杂值。...如何在python中创建一个List ---- 我们可以用两种方式在python中创建一个list 通过声明一个带有空方括号的变量 i.e [] 通过使用list()。...您可以使用最常用的方法创建新的列表对象。现在我们将继续讨论如何在列表中添加新元素以及更多内容。 如何将数据添加到列表? ---- 首先,我想介绍一下Mutability的概念。...如何访问列表元素 ---- 我们可以使用以下两种方式访问元素列表: 通过使用索引运算符。 通过使用切片运算符 通过使用索引运算符 我们可以在索引运算符的帮助下直接访问列表元素。...通过使用切片运算符 切片运算符是有效访问列表元素的最常用运算符之一。slice运算符的语法是: listName [start:stop:step] start - 它表示切片必须开始的索引。

    1.7K20

    【云原生进阶之数据库技术】第一章MySQL-2.3-数据基本操作

    也就是 select 后面的所有列中,没有使用聚合函数的列,必须出现在 group by 后面。...select count(*),pressName from books group by pressName; 如:下列表中,叫 “人民邮电出版社” 名字的有1个,叫 ”清华大学出版社...in (select * isbn from brrowrecord where reader_id='201801'); 1.3.2 带有比较运算符的子查询 指父查询与子查询之间用比较运算符连接...(SOME)或ALL谓语子查询 子查询返回值单值时可以用比较运算符,但返回多值时要用ANY(有的系统用SOME)或ALL谓语,使用ANY或ALL谓语时必须同时使用比较运算符。...where reader_id="201801"); 1.3.4 带有EXISTS谓语的子查询 EXISTS谓语的子查询不返回任何数据,是一个布尔值(true或false)逻辑判断。

    15310

    一篇文章带你掌握mysql的一致性视图(MVCC)

    ReadView ReadView所解决的问题是使用READ COMMITTED和REPEATABLE READ隔离级别的事务中,不能读到未提交的记录,这需要判断一下版本链中的哪个版本是当前事务可见的。...如果被访问版本的trx_id属性值在ReadView的min_trx_id和max_trx_id之间,那就需要判断一下trx_id属性值是不是在m_ids列表中,如果在,说明创建ReadView时生成该版本的事务还是活跃的...然后从版本链中挑选可见的记录,最新的版本trx_id值为200,在m_ids列表内,所以不符合可见性要求 下一个版本的trx_id值也为100,也在m_ids列表内,所以也不符合要求,继续跳到下一个版本...然后从版本链中挑选可见的记录,从图中可以看出,最新版本trx_id值为100,在m_ids列表内,所以不符合可见性要求 下一个版本的trx_id值为200,小于max_trx_id,并且不在m_ids列表中...然后从版本链中挑选可见的记录,该版本的trx_id值为100,在m_ids列表内,所以不符合可见性要求 下一个版本该版本的trx_id值为200,也在m_ids列表内,所以也不符合要求,继续跳到下一个版本

    1.3K30

    C#3.0新增功能09 LINQ 基础07 LINQ 中的查询语法和方法语法

    还必须对检索源序列中具有最大值的元素的查询使用方法调用。 System.Linq命名空间中的标准查询运算符的参考文档通常使用方法语法。...因此,即使在开始编写 LINQ查询时,熟悉如何在查询和查询表达式本身中使用方法语法也十分有用。...但是,如果在 Visual Studio IDE 中调用 IntelliSense 完成列表,则不仅会看到 Where 方法,还会看到许多其他方法(如 Select、SelectMany、Join 和...某些 LINQ 提供程序(如 LINQ to SQL 和 LINQ to XML),会实现自己的标准查询运算符,并为 IEnumerable 之外的其他类型实现额外的扩展方法。...Lambda 的主体与查询语法中或任何其他 C# 表达式或语句中的表达式完全相同;它可以包含方法调用和其他复杂逻辑。 “返回值”就是表达式结果。 若要开始使用 LINQ,不必大量使用 lambda。

    3.9K20

    Spring认证中国教育管理中心-Spring Data MongoDB教程四

    11.6.查询文件 您可以使用Query和Criteria类来表达你的queries.They有反映本地MongoDB的运营商名称方法的名称,如lt,lte,is,和others.TheQuery和Criteria...假设我们有许多Person带有名称和年龄的对象作为文档存储在一个集合中,并且每个人都有一个带有余额的嵌入式帐户文档,我们现在可以使用以下代码运行查询: 示例 72....查询应返回Person满足指定条件的对象列表。本节的其余部分列出了Criteria与QueryMongoDB 中提供的运算符对应的和类的方法。...如果指定的值是文档,则文档中的字段顺序和完全相等很重要。...以下查询方法可让您查找一个或多个文档: findAll:T从集合中查询类型对象的列表。 findOne:将集合上的即席查询的结果映射到指定类型的对象的单个实例。

    2.8K20
    领券