首页
学习
活动
专区
圈层
工具
发布

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

在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本。...三.加载本地数据 select2默认的数据属性是id、text,新版本可以自定义,但还是用默认的比较好。所以提供的json中最好转换为id、text形式,当然可以添加其他属性。...我们在整个框架里面,用到了很多Select2控件来处理内容的显示,包括单选的下拉列表(包括级联选择框)、复选的下拉列表、树形下拉列表等方式,界面效果如下所示。...2、Select2控件的实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是在常规的select控件上,设置一下即可(设置它的class为select2)。...4)select2控件的赋值处理 上面介绍的方法,都是介绍select2控件的初始化,绑定相关的数据,那么如果初始化界面后,我们绑定编辑界面的值的时候,就需要赋值给控件,让它显示真正需要显示的项目了。

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

    select2 api参数的文档

    createSearchChoicePosition 函数/字符串 定义的位置插入元素 initSelection 函数 调用Select2创建允许用户初始化选择的值 select2附加到元素 tokenizer...通常是明智的,设置该选项值相似 [',',' '] 。 query 函数 函数用于搜索词的查询结果。 ajax 对象 选择内置的ajax查询功能。...如果 字符串 而不是使用 对象 他们将有一个被转换成一个对象 id 和 文本 属性相等 的值 字符串 。 containerCss 函数/对象 内联css将被添加到select2的容器。...一个对象包含css属性/值密钥对或一个函数,这个函数返回一个对象。 containerCssClass 函数/字符串 Css类将被添加到select2容器的标签。...dropdownCss 函数/对象 内联css将被添加到select2下拉的容器。 一个对象包含css属性/值密钥对或一个函数,这个函数返回一个对象。

    7.2K50

    社区版pycharm flask封装接口

    ,要注意是不是元组格式,如果是需要在参数后加逗号,因为元组只有一个元素的话 不加逗号 就不是元祖(参考:select2函数) import os import json #from flask_cors...__table__.columns} # 上面的有缺陷,表字段和属性不一致会有问题 def select2(self, sql,args): ''' 数据库查询 ''' self.cursor = self.db.cursor...self.cursor.execute(sql,args) # tt = self.cursor.execute(sql) # 返回 插入数据 条数 可以根据 返回值 判定处理结果 # print(...:接口不够规范,请求参数/返回数据 没有放到一个有名称的元组里 @app.route('/select2', methods=[ 'POST','GET']) def sel2(): db = MysqldbHelper...() try: #z这样判断不对,需要更改 sql = 'select * from test_suit.suit' fc = db.select1(sql) return json.dumps(

    1.4K30

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

    我们在整个框架里面,用到了很多Select2控件来处理内容的显示,包括单选的下拉列表(包括级联选择框)、复选的下拉列表、树形下拉列表等方式,界面效果如下所示。...2、Select2控件的实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是在常规的select控件上,设置一下即可(设置它的class为select2)。...控件的时候,就使用了JSON对象的属性即可。...对于属性列表,如所属公司、所属部门机构等有层次性的数据,它的绑定操作也是类似的,如下代码所示。...4)select2控件的赋值处理 上面介绍的方法,都是介绍select2控件的初始化,绑定相关的数据,那么如果初始化界面后,我们绑定编辑界面的值的时候,就需要赋值给控件,让它显示真正需要显示的项目了。

    5.5K90

    一段探索React自建内部构造的旅程

    componentWillMount()方法是这个阶段最先调用的,它只在刚好初始渲染(initial rendering)发生之前被调用一次,也就是React在DOM插入组件之前。...最先被调用的方法是componentWillReceiveProps(),当组件接收到新属性时被调用。我们可以利用此方法为React组件提供一个在render之前修改state的机会。...当接收到新的属性或者state时在render之前会立刻调用componentWillUpdate()方法。...此方法有两个参数: prevProps:旧的属性 prevState:旧的state 这个方法的一个常见使用场景是当我们使用需要操作更新后的DOM才能工作的第三方库——如jQuery插件的时候。..._ref).select2('destroy'); }, ... 概述 React为我们提供了一种在创建组件时申明一些将会在组件生命周期的特定时机被自动调用的方法的可能。

    1.4K40

    重构旧项目:从 jQuery 迁移到 Vue 3 的分步方案与避坑指南

    重构旧项目:从 jQuery 迁移到 Vue 3 的分步方案与避坑指南 在许多历史项目中,jQuery 承担了选择器、事件、AJAX、动画与插件生态的核心角色。...随着组件化、响应式与工程化的发展,迁移到 Vue 3 能显著提升可维护性与性能。本文给出一套渐进式方案与避坑清单,帮助在保业务稳定的前提下完成迁移。...jQuery 插件依赖:select2、datepicker、datatables、validation 等。 全局变量与工具: 的使用范围、.ajax 包装、事件总线习惯。...接入 Vue 3 在 jQuery 页面中预留挂载点,例如 。 通过脚本在目标区域 createApp 并 mount。 3....DOM 管理权交接 将一个页面中的“功能岛”替换为 Vue 组件(如过滤器、列表、弹窗)。 保留 jQuery 插件,外包裹 Vue 组件或指令,统一生命周期。 4.

    21910

    html中表单的校验的插件,jquery表单验证插件validationEngine「建议收藏」

    文件进行修改,修改如下: 1.提示内容字体改为宋体; 2.去除中各浏览器的私有属性(各浏览器已经支持圆角和阴影,不再需要加私有属性)。...form 的 action 属性 ajaxValidCache {} onAjaxFormComplete $.noop 表单提交,Ajax 验证完成后的行为(Function)[Demo] onBeforeAjaxFormValidation...scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入; 此时需要在控件外层再套一个元素,并设置 class=”inputContainer” overflownDIV...最少输入字符数 maxSize[int] validate[maxSize[20]] 最多输入字符数 groupRequired[name] validate[groupRequired[grp2]] 群组中至少输入一项...validate[ajax[ajaxUserCallPhp]] 在验证规则中自定义 “ajaxUserCallPhp”:{ “url”:”phpajax/ajaxValidateFieldUser.php

    3.8K10

    validation怎么用_什么是确认validation

    groupRequired[string] validate[groupRequired[grp]] 在验证组为 grp 的群组,中至少输入或选择一项 condRequired[string] validate...validateNonVisibleFields false 是否验证不可见的元素(如 type=”hidden” 的输入框,或多个输入控件在选项卡切换中) showPrompts true 是否显示提示信息...默认使用 form 的 action 属性 ajaxFormValidationMethod ‘get’ 设置 Ajax 提交时,发送数据的方式 onAjaxFormComplete $.noop 表单提交...,Ajax 验证完成后的行为(Function)[Demo] function(status, form, json, options){} onBeforeAjaxFormValidation $....[] isOverflown false 表单是否在溢出滚动的元素内(即外部元素设置了 overflow:scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入

    3.5K10

    validationEngine参数详解

    文件进行修改,修改如下: 1.提示内容字体改为宋体; 2.去除中各浏览器的私有属性(各浏览器已经支持圆角和阴影,不再需要加私有属性)。...form 的 action 属性 ajaxValidCache {} onAjaxFormComplete $.noop 表单提交,Ajax 验证完成后的行为(Function)[Demo] onBeforeAjaxFormValidation...scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入;   此时需要在控件外层再套一个元素,并设置 class=”inputContainer” overflownDIV...min[int] validate[min[1]] 最小值(该项为数字的最小值,注意与 minSize 的区分) max[int] validate[max[9999]] 最大值(该项为数字的最大值,...validate[ajax[ajaxUserCallPhp]] 在验证规则中自定义 “ajaxUserCallPhp”:{ “url”:”phpajax/ajaxValidateFieldUser.php

    3.7K20

    HTML5学习-day02【悟空教程】

    在支持HTML5 history API的浏览器中,以上部分就已经做到了带页码记录的Ajax翻页。...manifest列举的资源的过程中发生致命的错误在更新过程中manifest文件发生变化用户代理会尝试立即再次获取文件  属性:status 返回缓存的状态 可选值匹配常量描述0appCache.UNCACHED...(key,value)key:键名 value:键值根据键名和键值设置数据项,如果键名已经存在,则覆盖值removeItem(key)key:键名      根据键名删除一个数据项clear()无  清空当前的...标准中事件对象的属性: 事件属性描述key返回发生改变的数据项的键名 默认空字符串oldValue返回发生改变的数据项的旧值 默认nullnewValue返回发生改变的数据项的新值 默认nullurl...如上图,有一个用于保存person的object Store,这个仓库的键就是person的ID值。 2. 事务性 在indexedDB中,每一个对数据库操作是在一个事务的上下文中执行的。

    2.2K30
    领券