使用过【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
分享到:
相关推荐
//得到后台的数据 var proxy = new Ext.data.HttpProxy({ url:showUrl, timeout:3600000 }); //分页参数 findParams ={start:0,limit:limit}; // reader 如何解析数据 var reader = new Ext....
模仿Ext4实现ItemSelector,在Rally App开发中虽然是Ext4,但ux包下面的对象被阉割了 所以手动实现了一个,布局和组件化方面还有待改进。
4.2自带的itemselector,有问题,只有fromstore没有tostore,作了一些修改,可以使用,附件中有效果图
NULL 博文链接:https://hello-player.iteye.com/blog/519310
动画自适应,实现完美的布局,从移动端到pc端的完美变化,还可以搜索,过滤等功能
NULL 博文链接:https://xuliduo.iteye.com/blog/656767
基于itemselector做出的拓展,fromField以树结构展示。
$(function(){ //需要瀑布流布局的容器 var $container = $(".float-wrap"); $container.imagesLoaded( function(){ $container.isotope({ isResizableL:true, ... itemSelector :'.item' }); }); });
jquery masonry与infinitescroll两款瀑布流插件制作当下最流行的瀑布流图片展示实例,通过鼠标滚动图片无限加载的类似瀑布的效果的图片展示。用户可以无限浏览图片或内容无限加载瀑布流效果。 代码: [removed] ...
/** * 自动刷新 * @type {*|jQuery|HTMLElement} */ var $container = $('#main');... itemSelector : '.item', columnWidth:205, gutterWidth:10, isAnimated: true }); }); var pre_href;
壁画可定制的平铺演示 jQuery 插件。... itemSelector : ".mural-item" , speed : 250 } ) ;} ) ;</ script >文档选项环境类型默认值描述项目选择器String "" 类选择器,确定 Mural 应影响哪些 HTML 元素。
一个零依赖脚本,以避免在流畅的断点感知列中出现间隙。 2KB 缩小并压缩。 (最好在可调整大小的浏览器中查看) 例子 var h = new Hoist ( '.row' , { minWidth : 600 , itemSelector : '.col' , columns : [ ...
一,开篇分析 今天这篇文章我们说点什么那?嘿嘿嘿。我们接着上篇文章对不足的地方进行重构,以深入浅出的方式... var ISProto = ItemSelector.prototype ; ISProto.getElem = function(){ return this.elem ;
[] :只需输入目标幻灯片[whereAmI] : 返回当前幻灯片[next] : 转到下一张幻灯片[上一张]:转到上一张幻灯片[addItems] : 例如 $(el).miniCarousel('addItems', array) 选项: itemSelector : 项目类,例如“.child...
小雨 特征 手风琴 诺林 安装及使用 npm install tbd ... itemSelector: ".knolling-el", layout: 'grid, columns: 3, gutter:".gutter", draggable: true }); 选项 let knolling = new Knolling( w
对响应的项目网格进行分类,排序和过滤。 npm install shufflejs 文档和演示 用法(与ES6一起使用) ... itemSelector : '.js-item' , sizer : '.js-shuffle-sizer' , } ) ; 灵感 这个项目的灵感来自和。