精华内容
下载资源
问答
  • 搜索下拉框选项

    2019-09-17 07:37:17
    在很多Form表单中,下拉框是很常见的组件,如果下拉框选项比较少,少于10个或者20个,都比较容易选择,如果说选项超过50个或者更多,想找到自己想要的选项就不容易了。如下图: 易客CRM 中有很多表单,...
    在很多Form表单中,下拉框是很常见的组件,如果下拉框的选项比较少,少于10个或者20个,都比较容易选择,如果说选项超过50个或者更多,想找到自己想要的选项就不容易了。如下图:
    易客CRM负责人选择
    易客CRM 中有很多表单,例如新增客户页面,负责人就有这种情况,如果说用户有几十个用户,选择负责人还比较容易找,有的客户用户数超过200人,这样操作起来就麻烦了。
    在为松下实施CRM时就遇到了这种问题,我们开发人员涂工找到一个办法,利用层的技术,读取所有用户并根据部门显示出来,这样操作起来还容易选择。如下图:
    易客CRM负责人选择
    但是这种方式还有个缺点,不能搜索,于是开发人员涂工又找到另外一个解决办法,如下图:
    易客CRM负责人选择
    这种方式就很方便了,可以搜索,也可以按照部门查看,点击部门也可以折叠,不管是选择负责人还是选择查看范围,都比较方便,这个功能如果测试通过,不出意外将在易客CRM下个版本发布。

    转载于:https://my.oschina.net/dfar2008/blog/142774

    展开全文
  • 下面小编就为大家分享一篇完美解决iview 的select下拉框选项错位的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 实际前端开发中遇到下面当页面过大需要拖动时下拉框选项出现内容于下拉框分离 在百度搜索后发现,有作者在分析组件代码后,发现以下一个样式: .ivu-modal .ivu-select-dropdown {  position: absolute !...

    实际前端开发中遇到下面当页面过大需要拖动时下拉框的选项出现内容于下拉框分离

    在百度搜索后发现,有作者在分析组件代码后,发现以下一个样式:

    .ivu-modal .ivu-select-dropdown {
        position: absolute !important;
    }

    解决方案

    正是这个样式影响了下拉框的定位,解决的方式是覆盖作者的原来样式。
    但是,很不巧的是,作者加了一个 !important ,改变了优先级。
    那么,如何让自己的样式优先级比他高呢,可以在自定义的样式文件里加入这样的样式:

    body .ivu-modal .ivu-select-dropdown{
      position: fixed !important;
    }

    这样就解决了上述提到的问题。关于为什么加个body,就能改变样式的优先级。

    展开全文
  • flask-admin自定义下拉框选项问题

    千次阅读 2020-04-01 11:27:34
    需要自定义在flask-admin中,编辑的时候,这个字段用下拉框来表示, 查询发现有个. form_extra_fields = { ‘status’:form.Select2Field(‘问题类型’,choices=[(0, ‘未精选’), (1, ‘已精选’), ]) } 如果...

    最近项目背景,flask-admin,sqlalchemy
    有个status字段
    字段在数据库的类型是int 类型
    需要自定义在flask-admin中,编辑的时候,这个字段用下拉框来表示,
    查询发现有个.
    form_extra_fields = {
    ‘status’:form.Select2Field(‘问题类型’,choices=[(0, ‘未精选’),
    (1, ‘已精选’),
    ])
    }
    如果字段是str类型的话,把对应数字改成字符串,那就没问题。
    但是如果是int类型的话。保存的时候,会提示值无效.
    原因是需要把这个默认存储str类型,需要明确下他的类型,改写如下
    form_extra_fields = {
    ‘status’:form.Select2Field(‘问题类型’,coerce=int,choices=[(0, ‘未精选’),
    (1, ‘已精选’),
    ])
    }
    如果对您有帮助欢迎点赞。有其他flask问题,也欢迎留言一起讨论

    展开全文
  • 不知道你有没有这样的经历,下拉框选项很多,上万个选项甚至更多,这个时候如果全部把数据放到下拉框中渲染出来,浏览器会卡死,体验会特别不好 用人会说element-ui的select有一个remote-method,支持远程搜索,...

    1. 场景描述

    不知道你有没有这样的经历,下拉框的选项很多,上万个选项甚至更多,这个时候如果全部把数据放到下拉框中渲染出来,浏览器会卡死,体验会特别不好

    用人会说element-ui的select有一个remote-method,支持远程搜索,我们让服务端支持一下不就可以了,当然这是一种解决的方案。但是有时候这种方法有时候不一定适用

      (1)有时候服务端数据是经过计算返回给我们的,可能返回不是特别快,体验不是很好

      (2)有时候数据可能只有几千条,全部渲染又不太合适,一直掉接口不是特别好

      (3)仅仅通过前端能不能解决,如果能解决,岂不是减轻了服务端的工作和压力

    2.解决办法

       1  ) 分段加载:也不加载下拉项,通过点击下拉框的时候,再去加载,此时的选项全部加载进来,该种情况只适用于缓加载情况,需要点击加载完后才能下拉选项,体验一般。

     2 )提示:element-ui的select有一个fildter-method方法,我们可以通过这个方法来进行过滤下拉项

        假设我们有个下拉框是用来选择用户的

     1 <el-select
     2   v-model="userId"
     3   filterable
     4   :filter-method="userFilter"
     5   clearable>
     6   <el-option
     7     v-for="item in userList"
     8     :key="item.userId"
     9     :label="item.username"
    10     :value="item.userId"
    11   ></el-option>
    12 </el-select>

     

     

    userFilter(query = '') {
      let arr = this.allUserList.filter((item) => {
        return item.username.includes(query) || item.userId.includes(query)
      })
      if (arr.length > 50) {
        this.userList = arr.slice(0, 50)
      } else {
        this.userList = arr
      }
    },
    getUserWhiteList() {
      HttpRequest.post("/api/admin/community/getUserWhiteList").then(
        response => {
          this.allUserList = response.data.list;
          this.userFilter()
        }
      );
    },
    

      

    如上所示,我们从后台获取用户列表,经过我们自己的过滤,我们每次只渲染50条数据,无论有多少数据,对我们来说也支持一个变量,占个内存。当然数据越多,数组的遍历也会相应的慢,但是这个影响不大。

    我们不仅能过滤名字,还可以对我们制定的任一项进行过滤

    优化:上面的代码我们还可以适当优化下,只有发现了数组长度超过了50项,我们就停止遍历

    3.效果图

    转载于:https://www.cnblogs.com/jason-hhc/p/11271527.html

    展开全文
  • 下拉框选项中添加搜索

    热门讨论 2016-03-14 12:43:42
    下拉框中的选项太多需要一个搜索功能的输入框,检索出需要的选项选择,这个插件就是在下拉选中中的第一个选项的前面添加一个搜索框,搜索需要的选项
  • el-select中options数据超过...element-ui的select有一个remote-method,支持远程搜索,我们让服务端支持一下不就可以了,当然这是一种解决的方案。但是有时候这种方法对我并能够不适用,因为这样会出现回显问题,回...
  • 先说关于select下拉框的问题:(项目原因无法截图) 具体现象是在某个下拉框下面会在显示完所有的下拉选项后出现一个额外的下拉框,里面显示“无匹配数据”。 先说一下问题原因:在你选中一个下拉选项后,由于功能...
  • 以及 el-option下拉框选项。 可以通过 <template v-if=“依赖项的选择值v-model值”></template> 来动态实时清空下拉框。 然后通过Change 事件 来清空 v-model 值,如果通过Change事件手动清空v-...
  • 下拉框选项分组 ();"> 网站范围"> 请选择一个</option> 控制面板</option> 私人信息</option> 订阅 看谁在线 搜索论坛 论坛首页</option> <option value="-1">-------------------- ========================...
  • jQGrid动态填充select下拉框选项值(动态填充)
  • 用bootstrap-select的做搜索下拉框的时候,如果下拉的选项太多的话,初次就会显示不出来,只有输入搜索内容时候才会显示内容。使用体验极为不佳。我用到的是1000+选项就会出现这问题。 看了源码 解决方案是 在 ...
  • 对于选项很多的下拉框 <select>,人工定位到想要的项目是很费劲的。浏览器其实原生支持下拉选择框根据键盘输入自动定位到相应条目的。 通过输入条目字母定位到下拉框中条目的位置 方便是方便,有个问题是连续...
  • selenium + python处理select标签下拉框选项 1. 背景 在爬取网页是,有时候我们会遇到下图中的下拉框,也就是 标签。按照一般的点击方案是无法成功的,而selenium提供了专门的Select类来处理这种下拉框。 ...
  • selenium找不到下拉框选项元素

    千次阅读 2019-01-19 11:38:28
    bug description: ...我们想要选中的是“等于”, 利用chrome的开发者工具,定位到下拉框所在的html标签位置,此标签为动态变化标签,动态变化是指当选中不同选项时,此标签会发生改变,如从  &lt;d...
  • React ant design 远程加载下拉框Select选项 let timeout: any; let currentValue: any; const fetch = function (value: any, callback: (data: any) => void) { if (timeout) { clearTimeout(timeout); ...
  • js实现带搜索功能的下拉框实时搜索实时匹配这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!JavaScript 客户端脚本语言Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型...
  • vue Element下拉框滚动加载选项数据

    千次阅读 2020-07-06 11:45:42
    vue Element下拉框滚动加载选项数据vue Element下拉框滚动加载选项数据(防止下拉框数据过多一次性请求过慢) vue Element下拉框滚动加载选项数据(防止下拉框数据过多一次性请求过慢) 1,新建一个directives.js ...
  • 获取下拉框当前选项的显示值/文本值 顺带一小段例子: 下拉框联动修改关联文本框的值,文本框不可编辑 $("#role_func_func_display_name").change(function(){ var funcDisplayName = $("#...
  • bootstrap-select 插件 搜索下拉框 下拉选项太多(大概1000以后)导致部分下拉项不显示。 用bootstrap-select的做搜索下拉框的时候,如果下拉的选项太多的话,初次就会显示不出来,只有输入搜索内容时候才会显示内容...
  • 在编辑的时候可能需要回填你开始利用远程搜索选好的那些选项。 <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> <el-form-item label="主讲老师" prop=...
  • 显示新建(兼容模式)的解决方法 其他系统请在对应目录下寻找或者直接全局搜索系统安装目录盘符即可: 1.关闭已经打开的word窗口; 2.在“C:\Users\【当 兼容模式就是两个共同运行互不影响的模式。 excel表格兼容模式...
  • python+selenium七:下拉框选项框、select用法 from selenium import webdriverfrom selenium.webdriver.common.action_chains import ActionChainsimport timedriver = webdriver.Firefox()url = ...
  • 下拉框搜索功能

    万次阅读 2018-01-18 15:32:27
    下拉框带输入功能: 使用select2可以很好的解决下拉框带输入的功能,如图: 需要引入select2.min.js 下载地址:点击此处 (下载积分不够的私信我~~) 引入select2.js 页面 &amp;amp;amp;lt;tr&...
  • v-model="value"filterableplaceholder="请选择">v-for="item in options":key="item.value":label="item.label":value="item...export default {data() {return {options: [{ value: '选项1', label: '黄金糕' }...
  • 实现下拉框实时搜索

    2020-01-12 19:02:06
    最近我的小伙伴提出了一个问题,下拉框选择内容的时候可以根据输入的值,实时搜索下拉的内容,刚好我前两天看到一个实现下拉多选的帖子,让我有了想法.在页面加载完成时,获取下拉的内容,存放在一个数组里,监听输入框的值...
  • 在很多Form表单中,下拉框是很常见的组件,如果下拉框选项比较少,少于10个或者20个,都比较容易选择,如果说选项超过50个或者更多,想找到自己想要的选项就不容易了。这种带搜索下拉框,这个很容易看懂,方便,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,666
精华内容 5,066
关键字:

下拉框选项搜索