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

ui-select官方教程(二)——ui-select指令

ui-select指令 ui-select指令和事件 属性 选项 描述 值 默认值 multiple 多选,直接加上multiple属性 close-on-select 多选情况下,选中一项,就关闭下拉项...,有’bootstrap’、 ’select’、’select2’ String bootstrap’ autofocus 加载时自动获得焦点 boolean true focus-on 定义一个监听事件名字...someFunction($item, $model)" on-select 当项被选中时发生 on-select="someFunction($item, $model)" 全局配置 你可以使用全局配置配置你...']); app.config(function(uiSelectConfig) {uiSelectConfig.theme = 'bootstrap'; }); 或者标签属性中设置,如: 添加引用 使用主题需要应用相应css 主题: bootstrap 文件: <link rel="stylesheet"href="bower_components/bootstrap

2.6K10

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

印象里Select2有2个版本,最新版本有一些新特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本。...;所以这里你可以添加自定义参数,如:stype:’person’) 2.processResults中results: data返回数据(返回最终数据给results,如果我数据data.res...").trigger("change");//或者 //如果你使用是input标签(默认就是本地数据),你可以用$("#c01-select").val('');清空选项 //disabled $(...,你可以通过id从服务器上获取(ajax),再装载进去 callback(data); } //新版,直接给select添加option $("#id").append(new Option("...2、Select2控件实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是常规select控件上,设置一下即可(设置它class为select2)。

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

select2 api参数文档

tags 数组/函数 将Select2放入“标签'mode,用户可以添加选择和预先存在标签是通过提供 这个选项属性是一个 数组 或者一个 函数 返回一个 数组 对象 或 字符串 。...如果 字符串 而不是使用 对象 他们将有一个被转换成一个对象 id 和 文本 属性相等 值 字符串 。 containerCss 函数/对象 内联css将被添加select2容器。...一个对象包含css属性/值密钥对或一个函数,这个函数返回一个对象。 containerCssClass 函数/字符串 Css类将被添加select2容器标签。...dropdownCss 函数/对象 内联css将被添加select2下拉容器。 一个对象包含css属性/值密钥对或一个函数,这个函数返回一个对象。...adaptContainerCssClass 函数 过滤器/重命名css类,因为他们被复制从源标签select2容器标签 adaptDropdownCssClass 函数 滤器/重命名css类,因为他们被复制从源标签

5.8K50

动态博客后台定制

搭建动态博客初衷就是想随时随地,只要一个浏览器,就能更新博客。那么就需要一个后台管理文章,包含文章编辑器,和各种表单控件。...Tag 与 Category 输入框 Tag与Category是Post两个属性,其中一个是多对多关系,另一个是一对多关系。...Flask-Admin 原生支持这两种类型属性输入框,但有以下不足: 基于 Select2 3.x,不支持自由输入选择框(tags)。 无法动态添加不存在项到数据库中。...最终效果如下: 美中不足 动态添加做好了,那么删除呢?想像一下这个使用场景,你修改文章,把一个标签删除了,这个标签已经没有任何文章使用,那你肯定不希望它再出现在标签列表里吧?...SQLAlchemy 中有cascade属性,用来指定parent改变时child行为,但不符合我们要求,因为我们要是一对多和多对多关系中「多」一方变化时另一方行为。

52310

autocomplete light配置xadmin使用时一记小坑

(select2.js:729) 你要是搜的话多半能发现这是版本问题,但是你看了看autocomplete light里面用到select2一个挺新版本,而报错这个版本是3...课程中有讲过INSTALLED_APPS顺序会导致同名资源加载顺序,测试了下发现不是同名资源。那么就是另外问题。...仔细思考下Django admin部分或者说xadmin部分是如何渲染页面的,它怎么知道把Charfield渲染为Input标签,把TextField渲染为Textarea标签?...另外这些标签所依赖资源,比如css和js,是怎么组织Django源码中,有这样一个概念(:-) 我自己总结)—— 自治。 什么是自治呢?...上面也说到了,INSTALLED_APPS配置顺序会影响静态资源加载顺序,所以,根据路径在你app里面配置同样目录名称资源,进行覆盖。

92720

那些前端常用网站插件

Javascript 库 Particles.js — 一个用来 web 中创建炫酷浮动粒子库 Three.js — 一个用来 web 中创建 3d 物体和 3d 空间库 Fullpage.js... — CSS 实现动画过渡 jQuery 插件 Barba.js — 流式页面过渡 TwentyTwenty — 一个对比图片可视化 diff 工具 Vivus.js —  SVG 上绘制动画 Wow.js...tag Hybrid 选择框 Nice select — 创建漂亮选择框 jQuery 库 Tether — 使用固定定位创建相关元素 Shepherd.js — 为应用创建新手引导 Tooltip.../链接 cheatsheet — 可以写在中所有标签 Ghost — 基于 Node.js 博客平台 What runs — 一个用于网站技术分析 Chrome 插件 Learn anything... — 一个强大用于分析某个主题思维导图

4.4K50

GeneratePress主题如何添加文章浏览量(阅读量),详细教程

,因为模板里面都是一堆参数代码,不像国内那些主题模板有div标签,能够识别自行修改添加标签。...这恰恰就是GeneratePress主题强大之处,一旦你熟悉了操作,你可以为此添加修改主题外观任何地方。 至于GeneratePress主题如何添加文章浏览量(阅读量)呢?...熟悉GeneratePress主题同学都知道gp premium与GenerateBlocks 是必装插件,用好之后,可以定制你想要任何外观,在网站任何地方修改制作你理想主题。...4.容器里面添加标题。然后选择动态数据 标题动态数据,你可以选择显示内容,作者,标签,分类,自定义字段等等。...至此GeneratePress主题如何添加文章浏览量,已经完成了,教程中方法不仅仅是添加文章量,其中包含如何制作页面布局思路,举一反三,在其他地方,用同样方法可以替换主题默认模块显示,选择你需要修改钩子就行

70120

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

我们整个框架里面,用到了很多Select2控件来处理内容显示,包括单选下拉列表(包括级联选择框)、复选下拉列表、树形下拉列表等方式,界面效果如下所示。...2、Select2控件实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是常规select控件上,设置一下即可(设置它class为select2)。...基于代码可重用性考虑,我们编写一个公用JS函数,用来减少绑定操作代码,提高代码重用性。...不过从这个界面效果上讲,这样处理确实没有EasyUI里面,对下拉列表树展示好看,也许可以利用更好Bootstrap插件进行这个树形内容展示。 ? ?...,那么做法增加一个onchange函数处理就可以了,如下级联代码赋值处理如下。

4.1K90

NLP︱LDA主题模型应用难题、使用心得及从多元统计角度剖析

通过我们求出来“词语-主题”概率分布,我们就可以知道“苹果”都属于哪些主题,就可以通过主题匹配计算它与其他文字之间相似度。 3)它可以排除文档中噪音影响。...短文本,消除歧义,建立语义相似性聚类; 知识图谱构建,知识图谱中需要一些集合,潜变量,那么主题建模比较适合作为一个包容集合; 稀疏性利用,模型中主题-词语矩阵,会有很低频数据,那么可以强行让其变成...参数alpha对计算效率和模型结果影响非常大,选择合适alpha可以提高效率和模型可靠性; 主题数的确定没有特别突出方法,更多需要经验; 根据时间轴探测热点话题和话题趋势,主题模型是一个不错选择...; 前面提到正面词汇和负面词汇,如何利用,本文没有找到合适方法; (参考:R之文档主题模型) 3、摘录:LDA使用心得 整个过程中有很多不甚明朗地方,我且谨列几条如下: (1) doc应该怎样定义...LDA过程完成,得到xxx.twords文件之后,我们可以尝试根据“专家经验”,手动去除每个Topic中不应该属于该主题词。处理完之后,相当于我们得到一个比较理想、比较干净“先验知识”。

3.4K20

如何在Kaggle上受到万人敬仰?

它看起来像下面这样: 因为数据生成更像是一个流,这一过程流经常是周期性,数据从步骤 1 到 步骤 6 过程中停止唯一原因就是我们决定停止收集。理想情况下,我们希望将这些步骤完全自动化。...这也是我今天要讨论主题,虽然没有可用生产解决方案,但我将展示如何很容易地将数据共享为 Kaggle 数据集。...我设想是,进行计算地方 (我们研究计算集群)和数据存储地方(以及通过上载或API自动共享地方)之间建立牢固关系。...第二个是搜索框中搜索标签。您可以通过添加 “tag” 完成此操作,然后单引号中添加标签名称。如果标签中有空格,请包含它们。...标签:'食物和饮料':搜索标签为“食物和饮料”数据集 标签:'internet':搜索标签为“internet”数据集 数量众多标签涵盖了数据发布者用于使数据更容易被发现各种主题

71020

小程序 | 11-组件化

创建自定义组件 自定义组件由 json、wxml、wxss、js 四个文件组成,我们通常是根目录下创建一个文件夹——components,该文件夹中存放我们自定义公共组件。...自定义组件步骤: 现在 json 文件中进行自定义组件声明——"component": true, wxml 中编写自定义组件模板内容 wxss 中编写自定义组件样式 js 文件中定义数据和组件内部相关逻辑...使用方 json 文件中引用自定义组件——"引用自定义组件时标签名":"自定义组件绝对路径或相对路径" 使用方 wxml 文件中,通过上一步定义标签名引用自定义组件。...自定义组件细节和注意事项 因为 wxml 节点标签名只能是小写字母、中划线和下划线组合,所以自定义组件标签名也只能包含这些字符。...如何让 class 样式可以互相影响 自定义组件 js 文件 Components 对象中,可以配置 options 节点,该节点中有一个 styleIsolation——隔离属性。

2.4K20

Salesforce Lightning高效页面设计

提高这一体验是 UX 团队创造全新 Lightning Experience 目标之一。 对齐标签&输入框 Lightning 表单中,标签被放置它所对应字段上方。...视图模式中,我们同样运用了这一原则改进信息层次性和可辨性。 ?...发布器局部放大图 理想情况下,用户会认真地填写每一个字段中详细信息和相关信息。实际上,他们并不会这么做。...在这个例子中,用户正在填写一张姓名为 Walter Junior 意向表单,他想记录刚刚打完电话。发布器中,表单中有4个字段:主题、评论、姓名、相关。...而「姓名」字段已经预先填写了意向表单意向人姓名,而「主题」字段也简单地填写了「call」。 理想情况下,用户会认真地填写每一个字段中详细信息和相关信息。实际上,他们并不会这么做。

1.8K30

Python开发物联网数据分析平台---web框架

前端使用Bootstrap主题框架AdminLTE,后台使用python语言tornado作为web框架。...利用tornado模板作为主要动态页面生成方式,以及巧妙使用模板将json数据渲染到页面hidden元素值,然后js中直接用eval函数计算隐藏域值来生成图表JavaScript插件所需json...对于模板内容重复问题,tornado 提供了模板继承支持。这个机制和 Python 类 继承非常类似:我们可以定义一个父模板,一般会称之为基模板(base template)。...基模板中包含完整 HTML 结构和导航栏、页首、页脚都通用部分。 子模板里,我们可以使用 extends 标签声明继承自某个基模板。...通过子模板里定义一个同样名 称块,你可以向基模板对应块位置追加或重写内容。 模板母页base.html代码如下: <!

3.1K30

我fork110+starnewbee-mall商城V2.2.0发布啦

、优惠劵以及完善可用后台全部功能,喜欢的话麻烦给我个star商城集成RedisSearch中文分词搜索,支持商品名称、简介、标签作为搜索项,以及新品、价格排序首页使用滑块验证码登录集成Pace页面,添加网页进度条前台添加了秒杀专区...,支持分布式部署本项目秉持原作者简单易用原则,代码书写清晰,注释完整,便于新人理解,快速上手本项目源码在线地址2022年9月04日更新日志newbee-mall V2.2.0发布功能更新:后台添加商品标签集成...select2,支持商品标签不存在即创建添加Spring事件监听机制,解耦下单流程集成Pace,美化商城页面集成RedisSearch中文分词搜索集成tianai-captcha滑块验证码优化商城搜索页面逻辑升级项目依赖添加...实现了一个商城所需首页展示、商品分类、商品详情、sku详情、商品搜索、加入购物车、结算下单、订单状态流转、商品评论等一系列功能。...,鉴于现在springboot、微服务、中间件等等风生水起,又因本人对商城系统情有独钟,因此打算先用springboot搭建一个商城系统,刚好发现了newbee-mall项目,就在此项目的基础上添加了一些自己没有接触过新功能

94320

我fork110+starnewbee-mall商城V2.2.0发布啦

Pace页面,添加网页进度条 • 前台添加了秒杀专区,可以购买秒杀商品 • 前台添加了优惠劵领取页面,订单结算页面可以选择优惠劵使用 • 支付时添加了支付宝沙箱支付 • 后台管理模块添加了优惠劵管理、...后台添加商品标签集成select2,支持商品标签不存在即创建 2. 添加Spring事件监听机制,解耦下单流程 3. 集成Pace,美化商城页面 4. 集成RedisSearch中文分词搜索 5....修复定时任务bug 更新截图 商城首页 商城首页 中文分词搜索 中文分词搜索 滑块验证码 在这里插入图片描述 添加商品标签 商品标签 开发部署 # 1....实现了一个商城所需首页展示、商品分类、商品详情、sku详情、商品搜索、加入购物车、结算下单、订单状态流转、商品评论等一系列功能。...时代遗留产物,鉴于现在springboot、微服务、中间件等等风生水起, 又因本人对商城系统情有独钟,因此打算先用springboot搭建一个商城系统,刚好发现了newbee-mall项目 ,就在此项目的基础上添加了一些自己没有接触过新功能

34030

常用js,css文件统一加载方法,并在加载之后调用回调函数

为了方便资源管理和提升工作效率,常用js和css文件加载应该放在一个统一文件里面完成,也方便后续资源维护。所以我用js写了以下方法,存放在“sourceController.js”文件内。...getTime(); document.getElementsByTagName("body")[0].appendChild(script); } /** *添加一个任务..."clayer": "javascript/libs/layer/skin/layer.css", "layer": "javascript/libs/layer/layer.js" }; 需要引入页面只需要在...sourcePath.common, sourcePath.jquery, sourcePath.jqueryui, sourcePath.jqgrid]; if(判断条件) // 根据需要额外添加文件..."); // 额外添加js文件,必须在加载资源之前加入 } sc.setCallBack(function(){ document.body.style.display

3.5K70
领券