如何使用jQuery DataTables Checkbox提交id

时间:2017-04-13 14:39:05

标签: javascript jquery ajax checkbox datatables-1.10

我有一个表,我使用php调用行。

    <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>

我的输出看起来像这样:

$id

我遇到了jQuery DataTables Checkboxes plugin,它允许选择并发布所选的行ID。

我不会将这些行称为json格式。有一天,我想用json格式调用它们,但目前我只是使用上面的html代码。

我不知道如何使用Checkboxes插件提交id,因为我没有通过ajax检索id。上面的id 152808 只是在我的php文件中使用public class RecordListCell : ViewCell { public static readonly BindableProperty HeadingProperty = BindableProperty.Create ("Heading", typeof (string), typeof (RecordListCell), null); public string Heading { get { return (string)GetValue (HeadingProperty); } set { SetValue (HeadingProperty, value); } } protected Label headingLbl { get; set; } public RecordListCell () { headingLbl = new Label () ; headingLbl.SetBinding (Label.TextProperty, new Binding ("Heading")); // from here on I construct a stacklayout and insert the label above } } 调用。如果您可以编辑this jsfiddle并告诉我如何提交ID,我将不胜感激。

1 个答案:

答案 0 :(得分:1)

有一个issue的1.2分支影响表,其中包含HTML或JavaScript源数据,已在1.2.4版本中更新。请从jquery-datatables-checkboxes页面下载最新版本。

此外,您不需要生成<input type="checkbox">个元素,只需将您的ID包装在<td></td>中。

请参阅this example以获取代码和演示。