<table id="checkLossItem" class="table table-hover searchtable">
<thead>
<th>选择</th>
<th>损失项</th>
<th>损失内容</th>
<th>联系方式</th>
<th>操作</th>
</thead>
<tbody>
{^{for prpLscheduleItemsDetailVoList}}
<tr>
<td>
<input type="checkbox" class="switchbox check" name="itemsCheck" checked="checked"/>
</td>
<td>
<input list="lossTypeold" class = "itemName" data-link="itemName" required="required" readonly="readonly">
<datalist id="lossTypeold">
<option>主车</option>
<option>三者车</option>
<option>物损</option>
<option>人伤</option>
<option>盗抢</option>
<option>其它</option>
</datalist>
</td>
<td>
<input type="text" name="" data-link="itemContent" readonly="readonly" required="required">
</td>
<td>
<input type="text" name="" data-link="phone" readonly="readonly" required="required">
</td>
<td>
<button type="button" class="btn btn-default btn-inner switchbtn" >
正常调度
</button>
</td>
</tr>
{{/for}}
{^{for prpLscheduleItemsDetailAddVoList}}
<tr>
<td>
<input type="checkbox" class="switchbox check" name="itemsCheck" checked="checked" disabled="disabled" />
</td>
<td>
<input list="lossTypenew" class = "itemName" data-link="itemName" required="required">
<datalist id="lossTypenew">
<option>主车</option>
<option>三者车</option>
<option>物损</option>
<option>人伤</option>
<option>盗抢</option>
<option>其它</option>
</datalist>
</td>
<td>
<input type="text" name="" data-link="itemContent" required="required">
</td>
<td>
<input type="text" name="" data-link="phone" required="required">
</td>
<td>
<button type="button" class="btn btn-default btn-inner btn-removethis">
<i class="fa fa-trash-o fa-lg"></i>
</button>
</td>
</tr>
{{/for}}
</tbody>
</table>
在开发前台的时候遇到了一个问题,点击某行的时候我需要取到这行是的行序号index。想到可以使用$.view()取到当前行
var index = $.view(checkarray[i]).getIndex();
然而,事情没有那么简单,发现使用这种方式取到永远是prpLscheduleItemsDetailVoList的序号,prpLscheduleItemsDetailAddVoList的序号并没有取到。所以总结了一下,$.view()是当前集合下面的一行,而不是整个表格级别的。然后研究了一下整个表格下面的行序号怎么取
var index = $("#checkLossItem").find("tr").index($(checkarray[i]).parent().parent())-1;
这种方式取到的序号是需要减1,它是从1开始的。