Scrollbar in Listbox moves to last selected item

asked 亚洲综合一本道加勒比一本道色久久在线国产91超碰青青草这个屡被曝光的旅游大省放狠招了 30天无理由退货


  霍去病把手里的指南針遞給李敢感慨的道︰“我當年年少無知兩次嘲笑你父親失期的事情,結果,阿瑯說這是沒辦法的事情,是不可避免的。我還有些不服氣,認為我們有司南,就不該迷路,結果,阿瑯給我打造了這個指南針,我在中原,不論任何時候再也沒有迷過路,認為此生我不可能會迷路。阿瑯卻說,光有指南針該迷路的時候還是會迷路,還說我們對這個世界的認知太膚淺,在未知的地方,即便是有指南針也于事無補,因為我們沒有一種被他稱作標準地圖的東西。”   “先好好地休息,我不知道我們會迎來什麼樣的懲處,在我們有動作之前,先養足精神才是最重要的。”亚洲综合一本道加勒比   “可惜啊,沒你想的那麼容易,知道不,受降城就建在河灘地上,這里雖然有很多的紅砂岩,這種紅砂岩看似堅固實際上根本就經不起水流沖刷,修建了護城河,對城牆反而是一種損傷,有點得不償失。”一本道色久久在线   洗漱干淨之後,巴澤爾就坐在一張很大的木桌前面給甦稚翻譯藥典。 国产91超碰青青草   “必須有那一天,只要你持之以恆的堅持下去,日後的成就遠超你璇璣城。說句實話,我有些看不起你爹娘他們,大好的清平世界不出山反而躲起來了,真不明白他們在想什麼呢。知道不,淮南王劉安,就是劉陵她父親,集道、陰陽、墨、法矩子大家歷經十年編篡又聯合董仲舒將一部分儒家學說糅合起來弄成了一本集大成之作——《淮南鴻烈》。其中最著名的一篇叫做‘塞翁失馬’,就這一個故事里的寓意,宣講上幾千年都不成問題。如今啊,儒家在佔據朝堂,道,墨,陰陽在專攻藩王,你們醫家卻避世隱居,呵呵,再過一些時候,難免會淪落為下九流。” 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