2017-04-13 66 views
0

我有一張表,我打電話給使用php的行。如何使用jQuery DataTables提交id複選框

foreach ($rowData as $row) : $id = $row->_kpnID; ?> 
    <tr class="editable details-control collapsed" data-values="action" id="{{ $id }}"... 

我的輸出外表看起來是這樣的:

<thead><tr role="row" class="selected"> 
    <th>Checkbox</th> 
    <th>Ticket No</th> 
    <th>Name</th> 
    </thead> 
    <tbody> 
    <tr class="editable details-control collapsed odd selected" data-values="action" id="152808" rel="row-152808" data-key="152808" data-url="show/152808" role="row"> 
    <td><input type="checkbox" class="ids" name="ids[]" value="152808"></td>      
    <td id="bookingdata" data-values="152808" data-field="_kpnID" data-format="152808">W-152808</td> 
    <td id="bookingdata" data-values="SIMPSONS" data-field="tGuestName" data-format="SIMPSONS">SIMPSONS</td> 
    </tr> 
    <tr class="editable details-control even expanded" data-values="action" id="152868" rel="row-152868" data-key="152868" data-url="show/152868" role="row"> 
    <td><input type="checkbox" class="ids" name="ids[]" value="152868"> </td>     
    <td id="bookingdata" data-values="152868" data-field="_kpnID" data-format="152868">DPAW-152868</td> 
    <td id="bookingdata" data-values="Wade Harris" data-field="tGuestName" data-format="Wade Harris">Wade Harris</td></tr></tbody> 

我碰到的jQuery DataTables Checkboxes plugin允許選擇和後期選擇的行ID。

我不會將行稱爲json格式。有一天,我想以json格式調用它們,但目前我只是簡單地使用上面的html代碼。

我不知道如何使用Checkboxes插件提交ID,因爲我沒有通過ajax檢索ID。上面的id 只是在我的php文件中用$id調用。如果您能編輯this jsfiddle並告訴我如何提交身份證,我將不勝感激。

+0

是最好保持你的ID獨特,而不是使用ID,嘗試讓它上課? – Se0ng11

+0

我爲每一行使用不同的id,因爲這些行使用ajax展開,並在行被選中後在行下方顯示其他數據。所以,要做到這一點,唯一的辦法是爲每一行使用不同的ID。 – hijacker83

回答

1

有一個issue帶有1.2分支影響表格的HTML或JavaScript源數據,已在1.2.4版本中更新。請從jquery-datatables-checkboxes頁面下載最新版本。

此外,您不需要生成<input type="checkbox">元素,只需將您的ID包裝在<td></td>中即可。

請參閱this example瞭解代碼和演示。

+0

非常感謝。偉大的插件!我現在正在嘗試。看起來你對數據表有很多瞭解。我可以問你看看stackoverflow.com/questions/43393796/ ...這個問題嗎?我也嘗試使用按鍵功能。如果我使用複選框插件,我不需要使用選擇插件的權利?您能否告訴我如何在您提供的示例中添加按鍵功能?當我添加'keys:true'時,它不起作用。 – hijacker83

+0

@ hijacker83,感謝您報告問題,剛剛發佈了修復最新版本的更新。我也會試着看看你的另一個問題。 –

+0

我試圖在那裏實現的唯一的事情是使用鍵和選擇插件在同一時間。在你提供的例子中,似乎複選框插件在選擇行時充當選擇插件。即使通過按下ctrl按鈕也可以進行多項選擇。所以,我想不需要使用select插件。如果我可以使用複選框插件與鍵插件來選擇將是awsome行。意思是當我按下箭頭時,它必須取消選擇先前選定的行和複選框。 https://jsfiddle.net/snqw56dw/526/這是我迄今所做的,但不能讓他們一起工作。 – hijacker83