0

zk listbox で約 300 ヘッダーと 1000 行を表示しようとしていますが、Internet Explorer では「このスクリプトの実行を停止しますか?」と表示されます。エラー。いいえをクリックすると、続行してリスト ボックスが開きます。firefox と Internet Explorer 9 では正常に動作しますが、Explorer 8 を使用する必要があります。ここで私のうまくいかない解決策

<listbox id="listModel" rows="15" 
                                        mold="paging" pageSize="15">
                                        <listhead >
                                            <listheader id="${each}"  
                                                style="overflow:auto" label="${each}" width=" 250px"
                                                forward="onDoubleClick=onRemoveFromHeader"
                                                forEach="${comboModelColumns}"  />
                                            <custom-attributes
                                                headers="${each}" />
                                        </listhead>
                                        <listitem
                                            forEach="${listValues}">
                                            <listcell
                                                forEach="${listValues[forEachStatus.index]}"
                                                label="${each}" />
                                        </listitem>
                                    </listbox>

ここcombomodelColumnsに 300 文字列のリストがあります。listValues1000個のリストを含むリストです。また、各リストには約 300 個の文字列も含まれています。

4

2 に答える 2

1

残念ながら、Internet Explorer は Firefox や他のブラウザーと同じ速度で実行されません。スレッドの実行に数秒以上かかる場合、IE はこのダイアログをユーザーに提供します。

リストボックスにページ番号を付けることをお勧めします。

<listbox mold="paging" pageSize="5"/>

さらに、ZK では、ページング イベントを使用して、リストボックスなどにデータを追加するタイミングを決定できます。

を見てみましょう：

http://books.zkoss.org/wiki/ZK_Component_Reference/Supplementary/Paging

于 2011-05-24T14:26:04.347 に答える
0

問題を解決しました。

これは私のzkコンポーネントです

<listbox id="listModel" rows="15" 
                                    mold="paging" pageSize="15">


                                    <listhead >
                                        <listheader 
                                            style="overflow:auto" label="${each}" width=" 250px"
                                            forward="onDoubleClick=onRemoveFromHeader"
                                            forEach="${tmpHeaders}"  />
                                        <custom-attributes
                                            headers="${each}" />
                                    </listhead>
                                    <listitem
                                        forEach="${tmpListValue}">
                                        <listcell
                                            forEach="${tmpListValue[forEachStatus.index]}"
                                            label="${each}" />
                                    </listitem>
                                </listbox>

最初は18個のヘッダーしか作成していませんでしたが、onotherlistにホールデータを取りました。コンボボックスからヘッダーを選択すると、リストボックスのヘッダーと行データに手動で追加されます。

Listheader newheader = new Listheader();
    newheader.setLabel(listBox_Columns.getSelectedItem().getLabel());
    newheader.setWidth("250px");

    org.zkoss.zk.ui.sys.ComponentsCtrl.applyForward(newheader, "onRemoveFromHeader");

    listModel.getListhead().appendChild(newheader);

    for (int i = 0; i < listValues.size(); i++) {

        List tmpCurrentRow = (List) listValues.get(i);
        List tmpRows = new ArrayList();

        Listcell newCell = new Listcell(tmpCurrentRow.get(findIndexHeaderByName(listBox_Columns.getSelectedItem().getLabel(), allHeaders)).toString());

        ((Listitem) listModel.getItems().get(i)).appendChild(newCell);

    }

それだけです。また、追加されたヘッダーとセルを削除するヘッダー削除機能を追加しました。可視性を false に設定するだけです。

public void onRemoveFromHeader(ForwardEvent event) {


        Listheader listheader = (Listheader) event.getOrigin().getTarget();
        listheader.setVisible(false);

        listBox_Columns.setSelectedItem(null);

    }
于 2011-06-08T09:30:05.727 に答える