2011-12-12 82 views
0

我使用jQuery Datatables爲表格造型。 表格的一列包含單選按鈕。jQuery Datatables怪異的單選按鈕

<td class="image"> 
       <input type="radio" name="11" value="a" onclick="updateStatus('11', 'a')" /><img src="/jwz/images/icons/a.png" name="a" alt="a" title="Activeer account" /> 
       <input type="radio" name="11" value="b" onclick="updateStatus('11', 'b')" /><img src="/jwz/images/icons/b.png" name="b" alt="b" title="Ban account" /> 
       <input type="radio" name="11" value="w" checked="checked" onclick="updateStatus('11', 'w')" /><img src="/jwz/images/icons/w.png" name="w" alt="w" title="Zet account in de wacht"/> 

      </td> 

問題是,checked屬性不適用於表的第一行。在其他所有行中,其中一個按鈕被選中,但不在第一行。當我禁用jQuery數據表時,它工作得很好。所以,jQuery Datatables是個問題。

有人可以幫我解決問題嗎?

+0

相當困難,幫助這個樣子。你能否提供一個[jsfiddle](http://www.jsfiddle.net)和相關代碼來重現問題? –

+0

http://jsfiddle.net/ptY6B/3/請參閱ID 10.它是原始html中的第一行。 jQuery把它放在第三位。當我刪除最後3個colums時,我發現它工作正常。 – OrangeTux

+0

@OrangeTux我編輯你的小提琴,現在似乎工作http://jsfiddle.net/nicolapeluchetti/ptY6B/4/ –

回答

1

我有同樣的問題,我的jQuery DataTable的第一行中的radiobuttonlist沒有顯示選中的單選按鈕作爲頁面加載時檢查;儘管檢查HTML時檢查=「檢查」應用於無線電輸入。

當綁定我的表,我現在一個類(「radioButtonToCheck」)添加到第一個單選按鈕列表的選擇列表項(在C#):

listItem.Attributes["class"] = "radioButtonToCheck"; 

然後jQuery的數據表fnDrawCallback用於重繪單選按鈕的檢查狀態。

var roomReportingTable = $('.horizontalScroll table').dataTable({ 
       "sScrollX": "100%", 
       "bScrollCollapse": true, 
       "bFilter": false, 
       "bPaginate": false, 
       "bInfo": false, 
       "fnDrawCallback": function() { 
        // first radio button list selection is not rendered, so needs to be re-drawn 
        $('.radioButtonToCheck input').attr("checked", "checked"); 
       } 
      }); 

jQuery的數據表fnDrawCallback的更多信息:http://datatables.net/faqs#ss_events