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

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

JSTree插件,本篇继续介绍在编辑页面中常用到的控件Select2,这个控件可以更加丰富传统的Select下拉列表控件,提供更多的功能和更好的用户体验。...我们在整个框架里面,用到了很多Select2控件来处理内容的显示,包括单选的下拉列表(包括级联选择框)、复选的下拉列表、树形下拉列表等方式,界面效果如下所示。...但我们选择其中的内容的时候,系统自动显示出没有选择的列表数据,非常直观友好,如下所示。 ? 3)树形列表的下拉列表 有时候,我们的一些数据可能有层次关系的,如所属机构、上层列表等等。 ? ?...); 多个列表项目数据的绑定。...我们从案例里面可以看到,Select2支持多项值的选择,它们保存后会以逗号分开,如果我们需要在编辑的时候显示存储的多个记录,那么需要把字符串转换为数组列表才能进行正确绑定,如下所示。

4.2K90

EMUI10.0 | 兼容EMUI10.0应用列表,适配情况概览

表1:有发版计划的应用列表 应用类别 应用名称 发版时间 实用工具 DJIGO 2019/10/15 实用工具 和悦会 2019/10/31 二、表2是目前正在适配,暂无进展的应用信息。...表2:适配中,暂无进展应用列表 应用类别 应用名称 游戏 掌上飞车 游戏 机战王 游戏 疯狂的球球 游戏 单机斗地主(侠游) 游戏 炫舞小灵通 游戏 暖暖环游世界 便携生活 爱玩4G 便携生活 V网通...表3:适配,暂无有效联系方式应用列表 应用类别 应用名称 金融理财 够力七星彩奖表 金融理财 大公鸡七星彩 金融理财 速刷理财版 金融理财 宗易汇 金融理财 广州银行 金融理财 华夏万家金服 金融理财...免费追书神器 新闻阅读 头条多多 新闻阅读 神段子 便携生活 绿叶商城 便携生活 品质商城 便携生活 中油好客e站 游戏 最囧游戏2 游戏 最囧游戏 出行导航 贵州交警 出行导航 北斗地图 表4:适配...,应用公司不在维护应用列表 应用类别 应用名称 金融理财 向钱贷 金融理财 团贷网 金融理财 浙商信用卡 金融理财 民族证券小方 金融理财 联币金融 金融理财 爱投顾股票 金融理财 银天下·贵金属 金融理财

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

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

    提交是指,一个事务还没提交时,它做的变更就能被别的事务看到。 读提交指,一个事务提交之后,它做的变更才会被其他事务看到。...COMMITTED隔离级别的事务 BEGIN; # SELECT1:Transaction 100、200均未提交 SELECT * FROM hero WHERE number = 1; # 得到值为1 # SELECT2...:Transaction 200提交,Transaction 100提交 SELECT * FROM hero WHERE number = 1; # 得到值为2 这个SELECT2的执行过程如下:...READ隔离级别的事务 BEGIN; # SELECT1:Transaction 100、200均未提交 SELECT * FROM hero WHERE number = 1; # 得到值为1 # SELECT2...:Transaction 200提交,Transaction 100提交 SELECT * FROM hero WHERE number = 1; # 得到值为1 这个SELECT2的执行过程如下:

    1.3K30

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

    我们在整个框架里面,用到了很多Select2控件来处理内容的显示,包括单选的下拉列表(包括级联选择框)、复选的下拉列表、树形下拉列表等方式,界面效果如下所示。...2)编辑界面下的多项选择下拉列表 但我们选择其中的内容的时候,系统自动显示出没有选择的列表数据,非常直观友好,如下所示。...3)树形列表的下拉列表 有时候,我们的一些数据可能有层次关系的,如所属机构、上层列表等等。...); 多个列表项目数据的绑定。...我们从案例里面可以看到,Select2支持多项值的选择,它们保存后会以逗号分开,如果我们需要在编辑的时候显示存储的多个记录,那么需要把字符串转换为数组列表才能进行正确绑定,如下所示。

    23.1K20

    动态博客的后台定制

    Flask-Admin 原生支持这两种类型的属性输入框,但有以下不足: 基于 Select2 3.x,不支持自由输入的选择框(tags)。 无法动态添加不存在的项到数据库中。...data-role': 'select2-free'}, 'category': {'data-role': 'select2-free'}, } 重载edit.html和create.html,引入 select2...4.0.x 的文件,以及以下 Javascript 代码: Html $('[data-role=select2-free]').each(function(){ $(this).select2...在重载的QuerySelectField里,我们需要实现以下逻辑: 先寻找匹配的 model 对象,并绑定到form.data里(重载之前的行为) 剩下的匹配的选择项,为它们创建 model 对象,...想像一下这个使用场景,你修改文章,把一个标签删除了,这个标签已经没有任何文章使用,那你肯定不希望它再出现在标签列表里吧?

    54010

    select2 api参数的文档

    id 函数 函数用于获取id从选择对象或字符串id存储代表的关键 matcher 函数 用于确定是否搜索词匹配一个选项时使用一个内置的查询功能 sortResults 函数 用于排序列表搜索之前显示的结果...containerCssClass 函数/字符串 Css类将被添加到select2容器的标签。 dropdownCss 函数/对象 内联css将被添加到select2下拉的容器。...默认值是 0 这意味着结果列表需要滚动到下一个页面的底部加载的结果。 这个选项可以用来触发加载更快,可能导致更流畅的用户体验。...value is: "+$("#e1").select2("val"));}); // 获取选中的ID值 $("#e1").click(function () { $("#e2").select2("...(function () { $("#e2").select2("open"); }); // 打开下拉框 $("#e1").click(function () { $("#e2").select2("

    5.9K50

    高质量编码-GIS搜索框前端实现

    image.png image.png image.png image.png image.png 当我们每次输入内容或者点击分页时,会立即去构造请求,返回结果绑定在下拉列表中,同时添加到地图图层中...: image.png 其实这种查询就够用了,但是通常我们会有伪需求,查询时选择类型,于是再次改造,添加了下拉列表来选择查询类型: image.png 需要我们在构造函数构建DOM的地方添加我们的...select,并在调用初始化函数前,填充option数据,这里使用了select2 jquery插件 image.png 同时添加事件,使得下拉列表改变选项时,更新自己的geojsonServiceAddress...image.png 用于构造查询请求URL image.png 同时在初始化参数中添加ajaxType来满足POST类型请求 image.png 下拉列表不同请求URL发生改变,也可以采用URL不变,

    2.6K20

    mysql的事物隔离级别详解

    提交读(READ UNCOMMITTED) 如果一个事务读到了另一个提交事务修改过的数据,那么这种隔离级别就称之为提交读(英文名:READ UNCOMMITTED),示意图如下: ?...,查询结果就是'关羽',也就是说某个事务读到了另一个提交事务修改过的记录。...COMMITTED隔离级别的事务BEGIN;# SELECT1:Transaction 100、200均未提交SELECT * FROM t WHERE id = 1; # 得到的列c的值为'刘备'# SELECT2...:Transaction 100提交,Transaction 200提交SELECT * FROM t WHERE id = 1; # 得到的列c的值为'张飞' 这个SELECT2的执行过程如下: 在执行...:Transaction 100提交,Transaction 200提交SELECT * FROM t WHERE id = 1; # 得到的列c的值仍为'刘备' 这个SELECT2的执行过程如下:

    1.1K20

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

    复制代码 2、隔离级别 ** 读提交(Read uncommitted),一个事务可以读取到其他事务中做出操作且还未提交的数据。会出现脏读,不可重复读,幻读现象。...BEGIN; # SELECT1:Transaction 100、200均未提交的时候执行的查询 SELECT * FROM t WHERE id = 1; # 得到的列name的值为'小A' # SELECT2...SELECT2的执行过程如下: 在执行SELECT语句时会先生成一个ReadView,ReadView的m_ids列表的内容就是[200](事务id为100的那个事务已经提交了,所以生成快照时就没有它了...隔离级别的事务 BEGIN; # SELECT1:Transaction 100、200均未提交 SELECT * FROM t WHERE id = 1; # 得到的列name的值为'小A' # SELECT2...:Transaction 100提交,Transaction 200提交 SELECT * FROM t WHERE id = 1; # 得到的列name的值仍为'小A' 复制代码 这个SELECT2

    56710

    MySQL事务隔离级别和MVCC

    提交读(READ UNCOMMITTED) 如果一个事务读到了另一个提交事务修改过的数据,那么这种隔离级别就称之为提交读(英文名:READ UNCOMMITTED),示意图如下: ?...,查询结果就是'关羽',也就是说某个事务读到了另一个提交事务修改过的记录。...:Transaction 100提交,Transaction 200提交 SELECT * FROM t WHERE id = 1; # 得到的列c的值为'张飞' 这个SELECT2的执行过程如下:...READ隔离级别的事务 BEGIN; # SELECT1:Transaction 100、200均未提交 SELECT * FROM t WHERE id = 1; # 得到的列c的值为'刘备' # SELECT2...:Transaction 100提交,Transaction 200提交 SELECT * FROM t WHERE id = 1; # 得到的列c的值仍为'刘备' 这个SELECT2的执行过程如下

    62210
    领券