スクロールバーリストボックスの終わりが分割され、リストヘッダーの1つが表示されません

シャムフン

8つの列を持つコンポーネントのlistbox内部を作成しようとしていgroupboxます。ただし、リストボックスに水平スクロールバーがあるのに、最後の列がなくなってしまい、理由がわかりません。私は追加しようとしました:

`<library-property>    
  <name>org.zkoss.zul.nativebar</name>    
  <value>true</value>
</library-property>`

私のzk.xmlや多くのもので、しかしそれは機能していません。これが私のコードです:

<groupbox
    visible="@bind(vm.gbxGridPo)"  width="100%">
    <caption label="${labels.common.label.hasil_pencarian}" style="color:blue" />
    <vlayout >
        <checkbox  name="chkBPKB" label="Print SPP/SIP BPKB" checked="@bind(vm.chkBPKB)" />
        <listbox model="@load(vm.poDTOs)" mold="paging" pageSize="10"
                 emptyMessage="Tidak ada data" checkmark="true"
                 width="97%" style="overflow:hidden"
                 selectedItem="@bind(vm.aksiSelectedPO)"
                 onClick="@command('onCheckRadio')">
            <listhead  >
                 <listheader label="${labels.common.label.pilih}" align="center" width="50px" />
                 <listheader label="${labels.common.label.sentra}" align="center" sort="auto(sentraID)"  width="150px" />
                 <listheader label="${labels.common.label.unit}" align="center" sort="auto(unitID)" width="150px" />
                 <listheader label="${labels.common.label.jenis_pihak_ketiga}" align="center" sort="auto(thirdPartyTypeID)" width="150px" />
                 <listheader label="${labels.common.label.nama_pihak_ketiga}" align="center" sort="auto(thirdPartyName)" width="150px"  />
                 <listheader label="${labels.common.label.no_po}" align="center" sort="auto(poNumber)"  width="120px"/>
                 <listheader label="${labels.common.label.nama_lengkap}" align="center" sort="auto(customerName)" width="180px" />
                 <listheader label="${labels.common.label.no_aplikasi}" align="center" sort="auto(orderID)" width="140px"/>
             </listhead>
             <template name="model"  status="s" var="item">
                 <listitem>  
                     <listcell />
                     <listcell label="@load(item.sentraID)" />
                     <listcell label="@load(item.unitID)" />
                     <listcell label="@load(item.thirdPartyTypeID)" />
                     <listcell label="@load(item.thirdPartyName)" /> 
                     <listcell label="@load(item.poNumber)" /> 
                     <listcell label="@load(item.customerName)" /> 
                     <listcell label="@load(item.orderID)" /> 
                 </listitem>                               
            </template>  
        </listbox>
    </vlayout>
</groupbox>

これは私のスクリーンショットです

マルテハートウィッグ

何がうまくいかないかについての2つのアイデア:

まず、vlayoutの幅を100%に設定するか、hflexを1に設定すると役立つ場合があります。今のところ、はvlayout子供たちに合うように必要なだけ広くなります。listbox親(vlayout)には幅の制限がないため、97%は役に立ちません。

第二に、100%はgroupbox正しいですか?あれはどの容器に入っていますか?groupboxのコンテナがページ全体にまたがる場合、100%はグループボックスもページ全体にまたがるようにします。左側に別のボックスがあるため、groupboxはページを超えて拡張されます。

編集

あなたのzulで少し遊んだ後、私はそれが2番目のケースだと思います。このzulを見てください:

<hlayout width="100%">
    <div width="100px" height="100px" style="background: green" />
    <groupbox width="100%">
        <caption label="Bla" />
        <vlayout >
            <checkbox  label="Check" />
            <listbox model="@load(vm.poDTOs)" width="97%" style="overflow:hidden">
                <listhead  >
                     <listheader label="1" width="50px" />
                     <listheader label="2" width="150px" />
                     <listheader label="2" width="150px" />
                     <listheader label="2" width="150px" />
                     <listheader label="2" width="150px" />
                     <listheader label="2" width="150px" />
                     <listheader label="2" width="150px" />
                     <listheader label="2" width="150px" />
                     <listheader label="2" width="150px" />
                 </listhead>
            </listbox>
        </vlayout>
    </groupbox>
</hlayout>

これにより、あなたと同じように見える動作が生成されます。ただし、groupboxfromwidth="100%"をに変更するhflex="1"修正されます。これは、の残りのスペースのみを使用するためdivです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

1つのサーバーで「テンプレートがありません」と表示されますが、ローカルボックスでは何が表示されませんか?両方とも `マスター`

分類Dev

Chromecastがレシーバーリストのコールバックに表示されません

分類Dev

WebSocketリクエストのリクエストされたリソースに「Access-Control-Allow-Origin」ヘッダーがありません

分類Dev

リストボックスのリストスクロールに最後の項目が表示されない

分類Dev

リクエストされたリソースにAccess-Control-Allow-Originヘッダーがありません

分類Dev

Authorizeタグにロールが含まれていない場合、スコープのチェックボックスが表示されません。Ajax承認リクエストでもスコープが送信されません。

分類Dev

クロスオリジンリクエストがブロックされました:&理由:CORSヘッダー 'Access-Control-Allow-Origin'がありません

分類Dev

Kendo-React-PDF PDFエクスポートでS3バケットからの画像が表示されない:「要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません」

分類Dev

electron linuxディストリビューションのビルド:SUIDサンドボックスヘルパーバイナリが見つかりましたが、正しく設定されていません

分類Dev

ノードの作成-赤いカスタムノード:構成が機能せず、構成ドロップダウンリストの代わりにテキストボックスが表示されます

分類Dev

ViewModelとViewがリストボックスのユーザーコントロールにバインドされていません

分類Dev

ユーザーが特定のドロップダウンリストアイテムをクリックした場合、パネルに表示されません

分類Dev

暫定ヘッダーが表示され、保留中のリクエスト

分類Dev

テーブルヘッダーが2行のテキストに分割されているので、理由がわかりません

分類Dev

クラスが同じディレクトリにあるのに、2つのインターフェイスクラスで「エラー:シンボルが見つかりません」というメッセージが表示され続ける

分類Dev

ajaxpostリクエストがありません 'Access-Control-Allow-Origin'ヘッダーがリクエストされたリソースに存在します。

分類Dev

ライトボックスのスクロールバーが少しの間表示されます。

分類Dev

DataGridViewチェックボックスは、別のコントロールがクリックされるまで更新されません

分類Dev

ツールバーのテキストボックスをクリックしても、ツールバーのテキストボックスからテキストカーソルが削除されません

分類Dev

Chalice Framework:リクエストでimage / jpegのAcceptヘッダーが指定されていませんでした

分類Dev

オートコンプリートリストには同じ値は表示されませんが、VB.Netのテキストボックスコントロールの場合は異なります

分類Dev

グリッドの高さの自動を使用している場合、スクロールビューがリストビューに表示されません

分類Dev

shared_ptrのベクトルがエラーになります:ベクトルリストをプッシュバックしたいときに「オーバーロードされた関数のインスタンスがありません」

分類Dev

リストボックスフォームコントロールの選択により、ワークシートのSelectionChangeがトリガーされます

分類Dev

テーブルの最初の行がドロップダウンリストに表示されていません

分類Dev

私のリストが正しいヘッダーの下に並べて表示されていません

分類Dev

kubernetesダッシュボードエラー: 'メトリッククライアントヘルスチェックに失敗しました:サーバーは要求されたリソースを見つけることができませんでした(サービスヒープスターを取得します)。

分類Dev

AJAXリクエストでリクエストされたリソースに「Access-Control-Allow-Origin」ヘッダーがありません

分類Dev

WAMPを使用してローカルホストにMagento2をインストールすると、バックエンドのページが見つかりません。フロントエンドのスタイルが表示されません。

Related 関連記事

  1. 1

    1つのサーバーで「テンプレートがありません」と表示されますが、ローカルボックスでは何が表示されませんか?両方とも `マスター`

  2. 2

    Chromecastがレシーバーリストのコールバックに表示されません

  3. 3

    WebSocketリクエストのリクエストされたリソースに「Access-Control-Allow-Origin」ヘッダーがありません

  4. 4

    リストボックスのリストスクロールに最後の項目が表示されない

  5. 5

    リクエストされたリソースにAccess-Control-Allow-Originヘッダーがありません

  6. 6

    Authorizeタグにロールが含まれていない場合、スコープのチェックボックスが表示されません。Ajax承認リクエストでもスコープが送信されません。

  7. 7

    クロスオリジンリクエストがブロックされました:&理由:CORSヘッダー 'Access-Control-Allow-Origin'がありません

  8. 8

    Kendo-React-PDF PDFエクスポートでS3バケットからの画像が表示されない:「要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません」

  9. 9

    electron linuxディストリビューションのビルド:SUIDサンドボックスヘルパーバイナリが見つかりましたが、正しく設定されていません

  10. 10

    ノードの作成-赤いカスタムノード:構成が機能せず、構成ドロップダウンリストの代わりにテキストボックスが表示されます

  11. 11

    ViewModelとViewがリストボックスのユーザーコントロールにバインドされていません

  12. 12

    ユーザーが特定のドロップダウンリストアイテムをクリックした場合、パネルに表示されません

  13. 13

    暫定ヘッダーが表示され、保留中のリクエスト

  14. 14

    テーブルヘッダーが2行のテキストに分割されているので、理由がわかりません

  15. 15

    クラスが同じディレクトリにあるのに、2つのインターフェイスクラスで「エラー:シンボルが見つかりません」というメッセージが表示され続ける

  16. 16

    ajaxpostリクエストがありません 'Access-Control-Allow-Origin'ヘッダーがリクエストされたリソースに存在します。

  17. 17

    ライトボックスのスクロールバーが少しの間表示されます。

  18. 18

    DataGridViewチェックボックスは、別のコントロールがクリックされるまで更新されません

  19. 19

    ツールバーのテキストボックスをクリックしても、ツールバーのテキストボックスからテキストカーソルが削除されません

  20. 20

    Chalice Framework:リクエストでimage / jpegのAcceptヘッダーが指定されていませんでした

  21. 21

    オートコンプリートリストには同じ値は表示されませんが、VB.Netのテキストボックスコントロールの場合は異なります

  22. 22

    グリッドの高さの自動を使用している場合、スクロールビューがリストビューに表示されません

  23. 23

    shared_ptrのベクトルがエラーになります:ベクトルリストをプッシュバックしたいときに「オーバーロードされた関数のインスタンスがありません」

  24. 24

    リストボックスフォームコントロールの選択により、ワークシートのSelectionChangeがトリガーされます

  25. 25

    テーブルの最初の行がドロップダウンリストに表示されていません

  26. 26

    私のリストが正しいヘッダーの下に並べて表示されていません

  27. 27

    kubernetesダッシュボードエラー: 'メトリッククライアントヘルスチェックに失敗しました:サーバーは要求されたリソースを見つけることができませんでした(サービスヒープスターを取得します)。

  28. 28

    AJAXリクエストでリクエストされたリソースに「Access-Control-Allow-Origin」ヘッダーがありません

  29. 29

    WAMPを使用してローカルホストにMagento2をインストールすると、バックエンドのページが見つかりません。フロントエンドのスタイルが表示されません。

ホットタグ

アーカイブ