2

以下に示すように、ノックアウト ko バインディングを使用して動的テーブル (従業員の詳細) を生成しています。 ここに画像の説明を入力

EmpDetails が空の場合、div に「No Data」というエラー メッセージを表示します。エラーメッセージを表示するために、ノックアウト可視バインディングを使用しました。

現在、私は一行で表示しています

従業員の詳細:
データなし

想定: 「No Data」メッセージを 5 行のスペースに収めます。

ここに画像の説明を入力

以下のコードを参照してください。

<div class="empSection" data-bind="visible:displayData">
        <span>Employee Details:</span>
        <table class="empTable" border="0">
            <thead>
                <tr>
                    <th class="empTableHeader">NAME</th>
                    <th class="empTableHeader">EMPNO</th>
                    <th class="empTableHeader">DEPT</th>
                </tr>
            </thead>
            <tbody data-bind="foreach: EmpDetails">
                <tr>
                    <td class="empName" data-bind="text: Name"></td>
                    <td class="empNo" data-bind="text: emono"></td>
                    <td class="empDept" data-bind="text: dept"></td>
                </tr>
            </tbody>
        </table>

</div>

<div class="empSection" data-bind="visible:ErrorMsg, text:"No Data">

これに関する提案はありますか??

前もって感謝します。

4

1 に答える 1

1

displayData 値を無効にし、パディングまたは高さを設定して、5 行の高さに等しいスペースを埋めるだけです。

<div class="empSection" style="padding: 50px 0; text-align: center;" data-bind="visible:!displayData()">
  No data
</div>
于 2013-06-01T20:21:38.447 に答える