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 ...
随机推荐
- elasticsearch安装与使用(3)-- 安装中文分词插件elasticsearch-analyzer-ik
前言 elasticsearch(下面简称ES,安装ES点击这里)的自带standard分词只能把汉语分割成一个个字,而不能分词.分段,这就是我们需要分析器ik的地方了. http://{ip}:92 ...
- 在后台运行Python脚本服务
在服务器,程序都是后台运行的,当写的python脚本时,需要: 你要是想python robot.py & 是不行的,一旦用户登出,脚本就自动退出了.用at, cron也可以实现不过我发现 ...
- 如果没有指定Cookie的时效,那么默认的时效是。(选择1项)
如果没有指定Cookie的时效,那么默认的时效是.(选择1项) A.一天 B. 永不过期 C.会话级别 D.一分钟 解答:C 这是API的原文:By default, -1 indicating th ...
- RAII in C++
在C++中,如果对一个块直接分配资源,而且在释放资源之前发生异常,那么这些资源在栈展开(注1)期间将不会得到释放.例如,一个块可以通过调用new动态分配内存,如果该块因异常退出,编译器将不会删除该指针 ...
- Thinkphp新增字段无法插入到数据库问题
Thinkphp框架开发过程中,因需求需要改动数据表,新增了几个字段. 调用 M(‘xxx’)->add($data) 插入值时,新增的字段数据总是插入不进去,每次都是默认的值,于是恍然—-缓存 ...
- C#中文件和byte[]互换问题
如何将图片和声音转化成byte[],并通过webservice进行传输? 如何将webservice传输过来的byte[],转化成我们想要的文件? (一)文件转化为byte[] 方法 ...
- 【BZOJ3555】[Ctsc2014]企鹅QQ hash
[BZOJ3555][Ctsc2014]企鹅QQ Description PenguinQQ是中国最大.最具影响力的SNS(Social Networking Services)网站,以实名制为基础, ...
- LeetCode 笔记系列三 3Sum
题目:Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find all ...
- 使用Servlet3.0新特性asyncSupported=true时抛异常java.lang.IllegalStateException: Not supported
最近在运用Servlet3.0新特性:异步处理功能的时候出现以下了2个问题: 运行时会抛出以下两种异常: 一月 19, 2014 3:07:07 下午 org.apache.catalina.core ...
- Java+selenium+Fitnesse
刚开始接触selenium是进公司后,老大给我们培训了一下UI自动化(其实也不叫培训啦,就是让我们知道有这么个东西吧,我这么说,老大看到得打人了,哈哈).要进行自动化测试,当然就得搭建一个自动化测试框 ...