Scrollbar in Listbox moves to last selected item

asked 贵州快3最近1000期贵州快3开奖号码分布图贵州快3开奖号查询谷歌翻译相机实时翻译功能现增加至88种语言


雖然我已經答應伊羅娜第二天下午老時間去看她們,可是為了謹慎起見 我還是事先打電話去通報一下。寧可嚴格遵守禮儀,禮儀是安全裝置。我想 以此表明,我不願做任何人的不速之客,我想從現在起,每次都詢問一下, 他們是否接待我的訪問,我的訪問是否受歡迎。當然這一點我這次去是不必 懷疑的,因為僕人已經敞開大門在那兒恭候,我一進門,他就急切已結地告 訴我︰“小姐們在塔頂的露台上,她們請少尉先生一到就立刻上去。”他又 補充了一句︰“我想,少尉先生還從來沒有在上面呆過吧。少尉先生,那兒 的景致簡直美極了,您會大吃一驚的。”贵州快3最近1000期 “再說,有那麼幾天,我簡直忍受不了他那股牛勁。您知道嗎,操我們 這種行業,難對付的根本不是病人。最後你會學會正確地和病人打交道,你 會練出一套技術來的。而且歸根到底——如果病人怨天尤人,盤問催逼,這 干脆屬于他們的病狀之內,就像發燒、頭痛一樣。我們從一開始就估計到他 們會焦躁,我們對此有思想準備,有充分的精神武裝,每個大夫為此都準備贵州快3开奖号码分布图 天下午真叫倒楣。上校想新買 匹戰馬,我們大家就都得 去看一看,騎一騎。”(事實上這是一個月以前的事。我這謊撒得可真叫拙 劣。) “‘當然,侯爵夫人住在這里一直覺得不舒服。她總說,平坦的原野使贵州快3开奖号查询 ——那個年輕人操著某種北方方言,學著那女人的腔調說道。——‘現在她 可是求得了太平,而那幫人呢,平白無故地得了她該得的那份遺產的四分之 三!這個傻瓜女人也不等我東家回來,就在一份協議上簽了字,這可是自古 以來最荒唐、最愚蠢的協議。她這麼大筆一揮就送掉了五十萬克朗。’ 2019-07-29 16:02:29 +0800

anvibb gravatar image anvibb
3 1

Hi, guys! I have some trouble with scrollbar in the Listbox component - when I set the model to it and selecting several listitems, the scrollbar moves down to the last selected item, but I need to keep it on top. We've used simple zul as a view:

<window xmlns="http: //www.zkoss.org/2005/zul" xmlns:xsi="http: //www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http: //www.zkoss.org/2005/zul http: //www.zkoss.org/2005/zul/zul.xsd"
        closable="true" border="normal" title="Customize columns" ctrlKeys="" height="400px" width="300px">
    <borderlayout width="100%" height="100%">
            <listbox id="table" checkmark="true" vflex="true" fixedLayout="true" multiple="true" width="100%">
                    <listheader align="left">Column title</listheader>

        <south size="36" autoscroll="true">
            <toolbar align="end">
                <button label="OK" id="okButton" height="24px" width="75px" mold="os"/>
                <button label="Reset" id="resetButton" height="24px" width="75px"/>
                <button label="Cancel" id="cancelButton" height="24px" width="75px" mold="os"/>


In SetDocColumnsView I filled Listbox by model and make some AfterCompose actions:

public void configureView(List<? extends HeaderElement> columns, Set<String> hiddenIds) {

    final ListModelList tableModel = new ListModelList(columns);
    for (int i = 0; i < columns.size(); i++) {
        final HeaderElement column = columns.get(i);
        if (column != null) {
            final Listitem listitem = table.getItemAtIndex(i);
            final String columnId = column.getId();
public void afterCompose() {
    table = (Listbox) getFellow("table");
    final Button okButton = (Button) getFellow("okButton");
    //adds some listeners to buttons
    addForward(Events.ON_OK, okButton, Events.ON_CLICK);
    addForward(Events.ON_CANCEL, cancelButton, Events.ON_CLICK);

And then I show the dialog window by this code:

final SetDocColumnsView dialog = UIUtils.loadComponent(SetDocColumnsView.getUrl());
dialog.configureView(columnList, hiddenIds);

I've tried to use some advice given in other threads, such as:


or call JS function inside my configureView method:

Clients.evalJavaScript("zk.Widget.$('" + dialog.table.getUuid() + "')._scrollToIndex(0);")

or keep all listitems what I need to select in a different Set and post to setSelectedItems method of Listbox, but everything is without success. Also, I've tried to debug a JS function _doScroll in Listbox.js but I don't figure out from where it has been called :(

I will be very appreciated if someone can help me with this problem.

Best regards, Roman

delete flag offensive retag edit


if your example is simple, please paste it into http://zkfiddle.org/ so that anyone can have a look directly, this increases your chances of getting a response quickly

cor3000 ( 2019-07-29 18:30:05 +0800 )edit

Yeah, I made simple zkfiddle example - http://zkfiddle.org/sample/1a44bo/1-scrollbar-in-listbox-moves-to-last-selected-item which reproduces the problem

anvibb ( 2019-07-30 21:16:58 +0800 )edit

4 Answers


answered 2019-08-01 09:12:39 +0800

hawk gravatar image hawk
2415 1 5
http://hawkphoenix.blogsp... ZK Team

Thanks for the zkfiddle example. Remove renderAll() can solve scrolling position issue. Listbox by default will render necessary Listitem for visible range, you don't need to call renderAll() which will enforce rendering all Listitems which is unnecessary for most cases. Please refer to http://zkfiddle.org/sample/1a44bo/2-scrollbar-in-listbox-moves-to-last-selected-item#source-2

link publish delete flag offensive edit
link publish delete flag offensive edit

answered 2019-07-31 21:05:33 +0800

anvibb gravatar image anvibb
3 1

updated 2019-08-01 09:01:48 +0800

hawk gravatar image hawk
2415 1 5
http://hawkphoenix.blogsp... ZK Team

Thank you for the response, hawk!

I tried to change the selection of items as you advised, but it doesn't solve my problem - when I select several items via ListModeList.setSelection, the scrollbar moves down to the last item. I made an example of that behavior in zkfiddle - http://zkfiddle.org/sample/1a44bo/1-scrollbar-in-listbox-moves-to-last-selected-item

link publish delete flag offensive edit

answered 2019-08-01 17:45:43 +0800

anvibb gravatar image anvibb
3 1

Removing renderAll() is helped!

Thank you so much!

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2019-07-29 16:02:29 +0800

Seen: 12 times

Last updated: Aug 01

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More