ui-select : There is no "X"(delete button) with selectize theme, when allow-clear="true"
but add allow-clear="true"
For Bootstrap and Select2 themes, it's working perfectly.
reason:
It looks like the icon/button is not present on the selectize template.
before:
<ui-select ng-model="rfilter.value" name="{{rfilter.id}}" required ng-style="{'minWidth': '80px'}" theme="selectize">
<ui-select-match allow-clear="true" placeholder="{{rfilter.name}}">
{{$select.selected.name}}
<!--<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="padding-right: 0;" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right">-->
<!--<i class="glyphicon glyphicon-remove" aria-hidden="true" style="top: 2px;"></i>-->
<!--</a>-->
</ui-select-match>
<ui-select-choices repeat="vvalue as vvalue in rfilter.valid_values | filter: { name: $select.search }">
<div ng-bind-html="vvalue.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
Workaround:
<ui-select ng-model="rfilter.value" name="{{rfilter.id}}" required ng-style="{'minWidth': '80px'}" theme="selectize">
<ui-select-match allow-clear="true" placeholder="{{rfilter.name}}">
{{$select.selected.name}}
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="padding-right: 0;" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right">
<i class="glyphicon glyphicon-remove" aria-hidden="true" style="top: 2px;"></i>
</a>
</ui-select-match>
<ui-select-choices repeat="vvalue as vvalue in rfilter.valid_values | filter: { name: $select.search }">
<div ng-bind-html="vvalue.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
ui-select : There is no "X"(delete button) with selectize theme, when allow-clear="true"的更多相关文章
- UITableViewCell delete button 上有其它覆盖层
第一种解决办法: // Fix for iOS7, when backgroundView comes above "delete" button - (void)willTran ...
- 005_重写 Standard Delete Button
以后会用JS直接删除,但是在加载.js时候出现问题,会在以后进一步追踪完善: <apex:page standardController="Opportunity" > ...
- Use Select To Generate Any Insert/Delete/Update Statement
If you don't have the permission to generate script according to an existing db, but you have the re ...
- 【Facebook的UI开发框架React入门之九】button简单介绍(iOS平台)-goodmao
--------------------------------------------------------------------------------------------------- ...
- 使用 Element UI Select 组件的 value-key 属性,让绑定值可以为一个对象
EsunR 2019-11-07 12:14:42 12264 收藏 6 分类专栏: Vue 文章标签: element-ui 版权 当我们使用 Elemet UI 的选择组件进行多选时,Sele ...
- android select选择器 checkbox改外观,button按下状态
android 可以用选择器.来加载视图.选择器里的选项也很多针对实际使用中用的几个进行描述. 1.button 的按下弹起改外观.选择器属性用 android:state_pressed 2.C ...
- UI----安健1 button lable textfiend
//按钮 UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect ];//按钮形状 button.frame = CGR ...
- element UI select 设定默认值
要为select设定默认值,有两个步骤 1.数据中,声明一个变量param:该变量的值设为你想设定的select option中value 2.控件的 v-model 绑定 param 即可 < ...
- element ui select组件和table做分页完整功能和二级联动效果
<template> <div class="index_box"> <div class="search_box"> &l ...
随机推荐
- mongdb 慢查询
查看mongodb慢查询 赶紧打开服务器爸爸,开慢查询,看下耗时500ms以上的都是些啥: db.setProfilingLevel(2,500) 看下最近的10条具体的慢查询指令: db.syste ...
- 关于JQueryMobile中Slider的一点研究
滑动条 Slider 给input的设置一个新的HTML5属性为type="range",可以给页面添加滑动条组件,可以指定它的value值(当前值 ...
- imx6 uboot logo 更改
最近需要更改im6 uboot的开机logo,使用10.1inch, 1024x600,18bit的LCD,期间遇到了很多的问题,记录于此. 参考链接 https://community.nxp.co ...
- 从上面的集合框架图可以看到,Java 集合框架主要包括两种类型的容器,一种是集合(Collection),存储一个元素集合,另一种是图(Map),存储键/值对映射
从上面的集合框架图可以看到,Java 集合框架主要包括两种类型的容器,一种是集合(Collection),存储一个元素集合,另一种是图(Map),存储键/值对映射.Collection 接口又有 3 ...
- 谈谈Jquery ajax中success和complete有哪些不同点
记录下,以备将来有需时用 http://www.jb51.net/article/75206.htm
- hdu 2234(IDA*)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2234 思路:IDA*可以搞,借鉴的是大牛的启发式函数h(): 可以考虑把每一行上的数转化成相同的,或者 ...
- python3----练习......
# 上行遍历 soup = BeautifulSoup(demo, 'html.parser') for parent in soup.a.parents: if parent is None: pr ...
- MVC框架图
http://www.cnblogs.com/zgynhqf/archive/2010/11/19/1881449.html MVC框架图 http://www.cnblogs.com/zhang ...
- JSP内置对象——out,get与post
JSP内置对象是Web容器创建的一组对象,不使用new关键字就可以的内置对象.JSP九大内置对象:out,request,response,session,application,page,pageC ...
- 【BZOJ1217】[HNOI2003]消防局的设立 树形DP
[BZOJ1217][HNOI2003]消防局的设立 Description 2020年,人类在火星上建立了一个庞大的基地群,总共有n个基地.起初为了节约材料,人类只修建了n-1条道路来连接这些基地, ...