`

Ext.ux.form.ItemSelector数据项超出高度时,出现滚动条(转)

    博客分类:
  • Ext
EXT 
阅读更多

使用过【Ext.ux.form.ItemSelector】的扩展地球人都知道,这个组件还是比较好用的,然而数据项过多超过它显示高度时

,就有两个自带的问题

一、多余的数据项就不显示,这个问题到歌谷、百度一搜就知道了,修改ext-all.css,结果Y轴就出现滚动条。





Html代码 
1..x-fieldset-body {   
2.    OVERFLOW: auto   
3.}   



   效果图如下所示(X与Y轴滚动条)



二、组件的X轴的滚动条也出现了,而正常是应该只会有Y轴滚动条,当然每条显示的数据项长度都比较少,解决方法依然修改ext-all.css





Html代码 
1..x-fieldset-body { 
2.     overflow-x:hidden; 
3.     overflow-y:auto; 
4.} 

转自:http://qingfeng200468.iteye.com/blog/1678070
分享到:
评论

相关推荐

    Ext.DataView 图片列表显示

    //得到后台的数据 var proxy = new Ext.data.HttpProxy({ url:showUrl, timeout:3600000 }); //分页参数 findParams ={start:0,limit:limit}; // reader 如何解析数据 var reader = new Ext....

    模仿Ext4实现ItemSelector

    模仿Ext4实现ItemSelector,在Rally App开发中虽然是Ext4,但ux包下面的对象被阉割了 所以手动实现了一个,布局和组件化方面还有待改进。

    extjs4.2的itemselector

    4.2自带的itemselector,有问题,只有fromstore没有tostore,作了一些修改,可以使用,附件中有效果图

    flex 模拟 ext 的 ItemSelector 双选框控件

    NULL 博文链接:https://hello-player.iteye.com/blog/519310

    筛选插件Shuffle.js和响应式网格分类、排序

    动画自适应,实现完美的布局,从移动端到pc端的完美变化,还可以搜索,过滤等功能

    最近项目需要,写个了itemSelector组件,半成品

    NULL 博文链接:https://xuliduo.iteye.com/blog/656767

    Extjs treeselector 树结构选择器

    基于itemselector做出的拓展,fromField以树结构展示。

    瀑布流布局isotope.js

    $(function(){ //需要瀑布流布局的容器 var $container = $(".float-wrap"); $container.imagesLoaded( function(){ $container.isotope({ isResizableL:true, ... itemSelector :'.item' }); }); });

    jquery 插件实现瀑布流图片展示实例

    jquery masonry与infinitescroll两款瀑布流插件制作当下最流行的瀑布流图片展示实例,通过鼠标滚动图片无限加载的类似瀑布的效果的图片展示。用户可以无限浏览图片或内容无限加载瀑布流效果。 代码: [removed] ...

    jQuery.lazyload+masonry改良图片瀑布流代码

    /** * 自动刷新 * @type {*|jQuery|HTMLElement} */ var $container = $('#main');... itemSelector : '.item', columnWidth:205, gutterWidth:10, isAnimated: true }); }); var pre_href;

    mural:可定制的平铺演示 jQuery 插件

    壁画可定制的平铺演示 jQuery 插件。... itemSelector : ".mural-item" , speed : 250 } ) ;} ) ;</ script >文档选项环境类型默认值描述项目选择器String "" 类选择器,确定 Mural 应影响哪些 HTML 元素。

    hoist:一个零依赖脚本,以避免在流畅的断点感知列中出现间隙

    一个零依赖脚本,以避免在流畅的断点感知列中出现间隙。 2KB 缩小并压缩。 (最好在可调整大小的浏览器中查看) 例子 var h = new Hoist ( '.row' , { minWidth : 600 , itemSelector : '.col' , columns : [ ...

    JavaScript插件化开发教程(六)

    一,开篇分析 今天这篇文章我们说点什么那?嘿嘿嘿。我们接着上篇文章对不足的地方进行重构,以深入浅出的方式... var ISProto = ItemSelector.prototype ;  ISProto.getElem = function(){  return this.elem ;  

    stupid-carousel:迷你轮播jQuery插件

    [] :只需输入目标幻灯片[whereAmI] : 返回当前幻灯片[next] : 转到下一张幻灯片[上一张]:转到上一张幻灯片[addItems] : 例如 $(el).miniCarousel('addItems', array) 选项: itemSelector : 项目类,例如“.child...

    sprinkles

    小雨 特征 手风琴 诺林 安装及使用 npm install tbd ... itemSelector: ".knolling-el", layout: 'grid, columns: 3, gutter:".gutter", draggable: true }); 选项 let knolling = new Knolling( w

    Shuffle:分类,排序和过滤响应式网格

    对响应的项目​​网格进行分类,排序和过滤。 npm install shufflejs 文档和演示 用法(与ES6一起使用) ... itemSelector : '.js-item' , sizer : '.js-shuffle-sizer' , } ) ; 灵感 这个项目的灵感来自和。

Global site tag (gtag.js) - Google Analytics