$.view()的使用和使用find()取datatable的一行的行序号的差别

偏执的太偏执、 2022-05-20 09:04 95阅读 0赞

<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开始的。