iview下拉出不来

2024-10-17

iview select下拉bug

1场景:弹框内有一个下拉组件(支持搜索),当选择完数据后弹框关闭,再次打开后,下拉框内的数据是刚才选中的数据.原因:分析后觉得是搜索内容没有清空,导致下拉的数据只有一个解决:调用下setQuery方法,伪代码如下:<select ref="select"> <option>1</option> <option>2</option></select> this.$refs.select.setQuery(null)

Ag-grid控件使用pine:left后，配合iview下拉框，会出现闪烁

Ag-grid控件使用pinned:left后,配合iview下拉框,会出现闪烁引起原因:下拉图标的反转动画目前解决方案: 添加一个全局样式: 禁用动画,其他地方也是如此, 影响控件有:gz-tree-select: 使用:直接外部添加样式:disable-transition 效果:[牺牲了动画体验] 后续: 发现事情没这么简单,动画禁掉这种做法有点low!如果要保留动画效果呢? 如果下面的表格带滚动条,滚动条也会闪烁, 分析:根本原因是动画元素: transition: al .2s

关于iview下拉菜单无法添加点击事件的解决办法

效果如下图所示,点击下拉菜单,点击退出,然后跳到登录界面代码如下: <Dropdown trigger="click" style="margin-left: 20px;"> <Avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" /> <DropdownMenu slot="list"> <DropdownItem

iview下拉树组件

iview.vue.jq等自行引用 iview.js和iview.css版本是iview@3.4.2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

ace_admin_1.3.1 wysiwyg 工具条下拉出不来

试了很久才知道是因为<script src="__PUBLIC__/assets/js/bootstrap.min.js"></script> 这个js加载了两遍,在wysiwyg需要的js后面又加载了一次. 具体原因暂时没时间去深入了解.

iview 下拉刷新loadTop报错解决

<div class="noData" v-if="lifeList.length==0"> <img src="../assets/images/noData.png" alt=""> <p>这里暂时还没有内容哦~亲</p> </div> <mt-loadmore :top-method="loadTop" ref="loadTo

iscroll双重滚动，向上滚动隐藏一部分，下拉后显示

最近项目需求:下面是页面,当用户向上滚动时候,[隐藏的]部分也向上滚动直至消失,这时候[标题]和[搜索框]在最顶部,而[内部的]可以继续滚动,而当[内部的]滚动到最顶部时候,也就是[这个是内部1]时候,[隐藏的]也下拉出来主要是思路是考虑用两个iscroll,一个从[隐藏]部分一直到下面(.bigScroll),一个是包含[内部]的滚动(.smallScroll),当bigScroll滚动的bigScroll.y等于bigScroll.maxScrollY时候,注销bigScroll(bigS

select制作分层级目录，让select显示和可下拉选择的"不一样"

今天遇到一个特殊的select问题,需求是这样的:每次点击这个select时,根据选择的option的值做出相应的处理并返回新的select,option内容.所以大致思路是给这个select绑定change事件,然后根据新的值的不同触发change事件,做出相应的处理. 但是这里有一个问题就是,如果被选择的值是原来的第一个值,那么是不会触发select的change事件的,如果需求是:即使值不变,只要选择了就要做出响应,那这时候就会遇到问题.这时候可以这么处理: <select> <o

Mac下的利器们介绍

先说说一些快捷键吧,从windows下过来还不很习惯: ctrl + 开关关机等提示 ctrl+shift+开关关闭显示器 cmd+option+v 相当于剪贴 cmd+tab,对于最小化了的窗口图标,再按option,就可以还原显示了多指弹出去:四指发散,显示桌面多指抓回来:显示图标们,lauchpad 三手指向上退出多窗口,向下拉出一个以上我推荐你都是用esc退出,更何况自己是一个vimer 在Finder标题栏显示文件所在的完整路径打开终端,输入以下命令并回车: default

一款jQuery立体感动态下拉导航菜单特效

一款jQuery立体感动态下拉导航菜单特效,鼠标经过,在菜单栏上方下拉出一个背景图片,效果十分不错的一款jquery特效. 对IE6都是兼容的,希望大家好好研究研究. 适用浏览器:IE6.IE7.IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 效果图如下: 特效下载地址:http://www.jqshare.com/Jq/fondone/id/134.html

Taro覆盖iview样式

/* CustomComp.js */ export default CustomComp extends Component { static options = { addGlobalClass: true } render () { return <View className="red-text">这段文本的颜色由组件外的 class 决定</View> } } /* 组件外的样式定义 */ .red-text { color: red; } 上面只能覆

解决Ubuntu下的Eclipse打开Windows编写的java代码的中文乱码

其实所有的中文乱码问题都是编码不同所导致的.这里要想让eclipse能正常显示出汉字,就要修改它的字符编码步骤如下: 1 ,点击菜单栏中的Window(窗口),选择Preferences(首选项) 2,在出来的窗口中选择左边的General(常规).下拉出它的菜单 3,在选择Content Types选项,这是会在右边看到Text,点击拉下菜单 4,选择其中的Java Source File,然后把最下边下面的Default encoding设置成GBK(貌似GB18030和GB2312也行

jquery.chosen.js下拉选择框美化插件项目实例

由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生变化.为了界面的美观,不得已查资料寻找另外的插件. 使用jquery.chosen.js下拉选择框美化插件同样也能达到类似效果完成效果如下实现步骤如下 1.导入相关文件 <link rel="stylesheet" href="${ctxStatic}/css/chos

对iOS10新增Api的详细探究

本文主要是一些对iOS新功能的探索,之前发现博客里关于iOS新功能的分析大多是过于概括,每个功能几句话,无法了解到具体的功能.所以本次的探索是基于Api层面,着重看一些具体用法所做的笔记,本来想分别画个类图来着,后来还是觉得太耗时而放弃.如果不想把苹果iOSSDK里的.h文件都摆出来详细读,那看这篇笔记应该是个不错的选择. 本文以文档的目录为基础,提到的功能模块有: Proactive Suggestions Integrating with the Messages App User Noti

扩展 jquery miniui 组件实现自动查询数据

主题之前写过一篇文章分享了公司basecode查找数据后台是怎么实现的(http://www.cnblogs.com/abcwt112/p/6085335.html).今天想分享一下公司前台是怎么扩展jquery miniui组件去配合后台实现自动查找数据的. 一个使用例子项目中多多少少会遇到要下拉一些数据(不只是下拉,可能还有选择框等等). 这些数据来自数据库里的某张代码表(当然也可以是复杂的SQL查询).这些数据写死在前台明显是不可能的,因为不同环境下配置的数据可能不同.但是为了每个下拉

jQuery动画slideUp()不正常位移原因

用jQuery写一个列表.当点击底部按钮时,列表中序号超过6的项目可以向下拉出或者向上收起. 用slideUp(),遇见一个问题.展开列表项会产生不正常位移,如下图所示.动画结束发生位移. 出现这个问题的原因是,slideUp动画过程中,样式里margin的不会合并.等到动画完成之后,会重新合并.故需要对列表项设置margin-left:0px:和margin-bottom:0px:来解决这个问题.

Sublime text 3如何编辑less并转(编译)成css文件

今天开始学习使用less这个强大方便的前端工具,本来是考虑用koala(专门编辑less的软件)来使用less的,但是发现sublime编辑器也可以实现对less的编译及高亮显示代码,这样既能少用一个软件还能扩展sublime的功能,何乐而不为,于是赶紧去网上查了资料并加以整理. 1.在sublime里安装好less(less语法高亮功能插件)和Less2Css(编译功能插件)这两个插件,具体步骤为: Ctrl+Shift+p打开命令面板,输入install package并在下拉里选中inst

我的权限系统设计实现MVC4 + WebAPI + EasyUI + Knockout（一）

一.前言之前的博客一直都还没写到框架的实现及权限系统,今天开始写我的权限系统,我以前做过的项目基本上都有权限管理这个模块,但各个系统都会有一些不太一样,有些简单点,有些稍微复杂一点,一句话,我们做的系统都离不开这个权限系统.所以网上很多人尝试做一个通用的权限系统,不评论他们做的怎么样,只是说在网上能找到的直接能用的应该不多,适用的并且能集成到项目中的就更少了,所以还是考虑自己做一个,不一定很通用,但足够自己用的权限系统. 二.需求分析关于权限系统的文章网上多如牛毛,很多都是基于角色的访问控制

KEGG数据库的使用方法与介绍

KEGG数据库的使用方法与介绍 KEGG的数据 KEGG中的pathway是根据相关知识手绘的,这里的手绘的意思可能是指人工以特定的语言格式来确定通路各组件的联系:基因组信息主要是从NCBI等数据库中得到的,除了有完整的基因序列外,还有没完成的草图:另外 KEGG中有一个“专有名词”KO(KEGG Orthology),它是蛋白质(酶)的一个分类体系,序列高度相似,并且在同一条通路上有相似功能的蛋白质被归为一组,然后打上KO(或K)标签.下面就首先来讲一下KEGG orthology. 任找一个

HTML5的input color系统颜色选择器

前两天,我写了一篇<推荐两款jQuery色盘选择器>介绍,那是使用JavaScript实现的色盘,今天我给大家介绍HTML5的色盘选择器.HTML5有一个input类型为color,即颜色选择器. 认识html5中的color <input type="color" /> Chrome执行: Opera: 其它浏览器Firefox.IE暂不支持,Safari最新版本已支持. color标签最强大的一点是直接能调用系统的颜色调节窗口,上面截图Chrome的运行效果

[深入浅出Windows 10]应用实战：Bing在线壁纸

本章介绍一个使用Bing搜索引擎背景图接口实现的一个应用——Bing在线壁纸,讲解如何使用网络的接口来实现一个壁纸下载,壁纸列表展示和网络请求封装的内容.通过该例子我们可以学习到如何使用网络编程的知识和开放的接口来实现一些有趣的应用程序,如何在项目中封装相关的功能模块,从而进一步地了解Windows 10应用程序开发的过程. 23.1 应用实现的功能微软的Bing搜索引擎每天都会挑选出一张图片作为今天的主题,并且会对图片的含义或者图片所代表的意思进行一番解说,每天的图片和故事都不一样,并且有时

iview下拉出不来

热门专题