テーブルに値を挿入するためのノックアウトバインディングを行っています。テーブルの行数が 0 の場合、警告メッセージを表示する必要があります。しかし、そのためには、データを表示している行の数を数える必要があります。
私のビューのコードは次のとおりです。
<table class="table table-hover table-bordered datagrid" style="width: 355px;" id="remodellingTable">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Address</th>
<th>City</th>
<th>State</th>
</tr>
</thead>
<tbody data-bind="foreach:items">
<tr>
<td data-bind="text:fname" id="tdfname"></td>
<td data-bind="text:lname"></td>
<td data-bind="text:addr"></td>
<td data-bind="text:city"></td>
<td data-bind="text:state"></td>
</tr>
</tbody>
</table>
<button type="button" class="btn" id="nexttarget"> Next <i class="icon-arrow-right"></i></button>
このチェック用のjqueryコードは次のとおりです。
$('#nexttarget').live('click', function ()
{
var rowcount = ('#remodellingTable > tbody > tr').length;
if (rowcount > 0)
{
$('#authorize').hide();
$('#target').hide();
$('#sideone').show();
}
else
{
alert("There are no targets selected");
}
}