2010-09-20 51 views
1

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

我已经使用了数据视图组件,我使用以下功能做了相同的功能: dataviewObj.container.dom.scrollTop =(42 * index);

但不能实现这是多选。

有人能告诉我如何与多选来实现这一????

非常感谢您的帮助。

回答

0

好,很多黑客,我想我已经找到了解决这个之后。

  1. 在编辑器中打开Multiselect.js文件。
  2. 转到所述Ext.ux.form.MultiSelect类(对象)的onRender方法。
  3. 找到FieldSet创建代码块(var fs ...
  4. autoScroll:true添加到fieldset config选项。

我有一个200选项的多重选择,它的工作就像一个魅力。

这是为了扩展代码本身做出了改变,因此,如果您不能负担要做到这一点,你必须找到周围工作 - 可能通过多种扩展性和多态性。

+0

喜感谢很多帮助。我做了改变,因为你提到,但如何滚动到选定的项目或特定的指数可能是??? – user427969 2010-12-20 02:41:01

+0

我也进行了这些更改,但我的选择仍然不可见。 – mozgras 2012-09-01 23:26:36

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

+0

谢谢@Chris的回复。您能举一个如何滚动到特定项目或选定项目的例子吗?问候 – user427969 2012-05-30 01:56:17