在extjs中滚动multiselect

时间:2010-09-20 04:41:15

标签: extjs

我在Ext js 3中有一个多选组件。我有很多条目。现在我想选择一个条目并滚动多选,以使其对用户可见。我可以选择一个条目,但我不能滚动多选。

我使用了dataview组件,并使用以下方法执行相同的功能: dataviewObj.container.dom.scrollTop =(42 * index);

但无法实现这是多选。

有人可以告诉我如何通过multiselect来实现这个目标????

非常感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

无需编辑Ext扩展代码本身。

Ext MultiSelect将开箱即用。您只需要确保添加了所需的CSS:

.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;  
}

要包含在文档中的完整CSS规则集如下:

http://dev.sencha.com/deploy/dev/examples/ux/css/MultiSelect.css

答案 1 :(得分:0)

好的,经过大量的黑客攻击后,我想我已经找到了解决方案。

  1. 在编辑器中打开Multiselect.js文件。
  2. 转到onRender类(对象)的Ext.ux.form.MultiSelect方法。
  3. 找到FieldSet创建代码块(var fs ...
  4. autoScroll:true添加到字段集配置选项。
  5. 我有一个多选的约200个项目,这就像一个魅力。

    这是对扩展代码本身所做的更改,因此如果您负担不起,则必须找到一种解决方法 - 可能通过多种扩展和多态性。