Scrollbar in Listbox moves to last selected item

asked 中国午夜伦理片伦理片午夜影院小影免费午夜福利视频合集1000午评:沪股通净流入4.23亿 深股通净流入23.07亿


這些雜亂的感想不知能否表達我心里想說的。有一天能和你們見面,促膝長談,才能傾訴一個痛快,我心里感悟的東西,豈是我一支笨筆所能寫得出來的。 純真得像孩子,虔誠得像教徒,比象牙還缺少雜質。中国午夜伦理片伦理片 傅雷與周煦良(1964年)午夜影院小影免费 罩住了離人游魂。 從文字上說,傅雷力求達到“行文流暢,用字豐富,色彩變化”。(法文略)午夜福利视频合集1000 香港的長途電話給我們的興奮,簡直沒法形容。五月四日整整一天我和你媽媽魂不守舍,吃飯做事都有些飄飄然,好像在作夢;我也根本定不下心來工作。尤其四日清晨媽媽告訴我說她夢見你還是小娃娃的模樣,喂了你奶,你睡著了,她把你放在床上。她這話說過以後半小時,就來了電話!怪不得好些人要迷信夢!蕭伯母的信又使我們興奮了大半日,她把你過港二十二小時的情形詳詳細細寫下來了,連你點的上海菜都一樣一樣報了出來,多有意思。信,照片,我們翻來覆去看了又看,電話中听到你的聲音,如今天看到你打電話前夜的人,這才合起來,成為一個完整的你!(我不是說你聲音有些變了嗎?過後想明白了,你和我一生通電話的次數最少,經過電話機變質以後的你的聲音,我一向不熟悉;一九五六年你在北京打來長途電話,當時也覺得你聲音異樣。)看你五月三日晚剛下飛機的神態,知道你盡管風塵僕僕,身心照樣健康,我們快慰之至。你能練出不怕緊張的神經,吃得起勞苦的身體,能應付二十世紀演奏家的生活,歸根到底也是得天獨厚。我和你媽媽年紀大了,越來越神經脆弱,一點兒小事就會使我們緊張得沒有辦法。一方面是性格生就,另一方面是多少年安靜的生活越發叫我們沒法適應天旋地轉的現代tempo[節奏]。 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