`
qingfeng200468
  • 浏览: 51996 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext.ux.form.ItemSelector 数据项超过高度时,出现X轴滚动条

阅读更多

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

,就有两个自带的问题

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

 

    .x-fieldset-body {  
        OVERFLOW: auto  
    }  

 

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

 

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

 

.x-fieldset-body {
     overflow-x:hidden;
     overflow-y:auto;
}

 

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

 

这样就比较好看了,当然如果数据项比较长的话,也会不显示,自己可以根据实际调整显示的宽度或样式。

  • 描述: X与Y轴滚动条
  • 大小: 18.9 KB
  • 大小: 16.3 KB
分享到:
评论

相关推荐

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或单选操作。下面我们将深入探讨ComboboxTree的实现原理、主要功能以及如何在实际项目中应用。 1. **ComboboxTree的基本概念** ...

    extjs4.2的itemselector

    ExtJS 4.2 的 `itemselector` 是一个强大的组件,用于在两个独立的数据源之间进行选择项的双向同步。这个组件通常用于实现用户界面中的双列表选择功能,例如在创建一对多或一对一关系时,让用户能从两边的列表中分别...

    Ext.DataView 图片列表显示

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

    Extjs事件和模板

    通过理解和熟练运用这两个机制,开发者能够构建出具有高度交互性和动态性的Web应用。在实际项目中,务必注意事件的合理组织和模板的高效使用,以提高代码的可读性和性能。对于源码的深入理解,可以帮助我们更好地...

    flex 模拟 ext 的 ItemSelector 双选框控件

    这篇博客“flex 模拟 ext 的 ItemSelector 双选框控件”聚焦于如何使用Adobe Flex来模仿EXT JS库中的ItemSelector组件。这个组件是一种功能强大的UI元素,允许用户在两个列表之间选择和转移项,通常用于实现双列选择...

    模仿Ext4实现ItemSelector

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

    解决extjs 桌面图标换行方法

    - **换行逻辑**:检查当前行底部的位置是否超过了可用屏幕的高度。如果是,则重置行索引,并将列的位置向右移动一定的距离。 ```javascript initShortcut:function(){ var btnHeight = 64; // 按钮高度 var ...

    用extjs 4.0打造自己的WEB桌面

    在上面的代码中,我们使用 Ext.create 方法创建了一个存储模型,并将其作为 desktop 的配置项。在这里,我们可以添加、删除或修改桌面图标,以查看不同的效果。 小结 在本教程中,我们使用 ExtJS 4.0 创建了一个...

    EXT2.0分页

    EXT2.0是一个基于JavaScript的富客户端应用程序框架,由Sencha公司开发,它提供了丰富的组件库和强大的数据管理能力,能够构建高度交互的Web应用。 EXT2.0的分页机制核心在于将大量数据分成多个小块(页)进行加载...

    jquery滚动滚动条加载数据 类似瀑布流

    当用户滚动页面时,内容会随着滚动条的下移逐渐加载,这种技术也被称为无限滚动或懒加载,它可以提升用户体验,减少页面初次加载时的数据量。 **jQuery的滚动事件与无限滚动** jQuery提供了`$(window).scroll()`...

    Extjs MultiselectItemSelector

    `Multiselect.css` 文件是该组件的样式表,它定义了MultiselectItemSelector在页面上的视觉呈现,包括选中项的样式、滚动条的外观、布局以及其他UI元素。理解并自定义这些CSS规则对于调整组件以符合项目整体风格至关...

    Extjs treeselector 树结构选择器

    ExtJS TreeSelector是一款基于ExtJS库的组件,它扩展了基础的itemselector功能,提供了一种以树形结构展示数据的选择器。这个组件特别适用于那些需要用户从层次化的数据集中进行选择的应用场景,例如组织架构、目录...

    ext-----多选下拉框

    7. **数据绑定**: 如果你的应用使用了数据绑定,例如EXT的MVVM模式,那么多选下拉框的选中项可以与模型的属性双向绑定,实现数据的实时更新。 8. **优化性能**: 当数据量较大时,使用分页或者懒加载技术可以提高...

    Ext combobox 下拉多选框带搜索功能

    这通常涉及到创建一个新的类,继承自Ext.form.field.ComboBox,并添加额外的配置项和方法来处理多选逻辑。在实现多选时,我们需要关注以下几点: 1. **配置项**: - `multiSelect`:设置为`true`,启用多选模式。 ...

    ExtPanel和其他控件

    MinChars定义触发自动完成的最小字符数,DisplayField和ValueField分别指定显示字段和值字段,ListWidth设置列表的宽度,ItemSelector定义选择项的样式,而PageSize用于设置分页大小。 最后,Ext.Net提供了一系列...

    icon combobox

    1. **CSS样式**:可以通过CSS直接修改Combobox的样式,例如设定`.x-form-field-wrap .x-form-text`中的`background-size`属性来改变图标大小。 2. **模板修改**:在创建Combobox时,可以自定义模板,增加一个可以...

    jquery.infinitescroll中文配置API及示例.rar

    jQuery.InfiniteScroll 是一款流行的前端插件,主要用于实现页面的无限滚动效果,尤其在内容分页加载时效果显著。它能够无缝地将新内容加载到页面底部,为用户提供流畅的浏览体验。本篇文章将深入探讨该插件的中文...

    masonry.pkgd.min.js 自适应瀑布流插件

    - **动态加载**:当用户滚动页面时,Masonry 插件可以智能加载更多内容,保持流畅的用户体验。 - **高效性能**:通过最小化重排和重绘,Masonry 插件提高了页面的性能,减少了不必要的计算。 3. **pkgd.min.js** ...

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

    这里提到的`itemSelector`组件显然是一种定制化的选择器,可能用于用户在应用中进行项选择或者过滤操作。从标题“半成品”来看,这个组件可能还在开发阶段,尚未完全成熟,但已经具备一定的功能。 `itemSelector`...

    瀑布流+无限滚动加载数据

    当用户滚动到页面底部时,`jquery.infinitescroll.min.js`插件会触发请求,获取服务器上的新数据,并将这些数据动态插入到页面中,实现无缝的加载体验。 `jquery.masonry.min.js`是另一个重要的组件,它是Isotope...

Global site tag (gtag.js) - Google Analytics