1. 程式人生 > >$.view()的使用和使用find()取datatable的一行的行序號的差別

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

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