使用fnUpdate将选择控件插入DataTable

时间:2013-10-31 06:28:08

标签: jquery datatables jquery-datatables

假设我为选择框htmlDDL构建了一个HTML字符串,并希望用选择框替换位置为(x,y)的单元格的内容。

我尝试过:

oTable.fnUpdate(ddlSubset, rowNum, 3, false);
oTable.fnUpdate(ddlSubset.get(), rowNum, 3, false);
oTable.fnUpdate(ddlSubset.html(), rowNum, 3, false);
oTable.fnUpdate(ddlSubset.contents(), rowNum, 3, false);

但我得到的结论是:

[object Object]
[object HTMLSelectElement]

呈现文本而不是一个很好的选择控件。

我可以使用fnUpdate用新控件替换单元格内容吗?

若然,怎么样?

如果没有,是否有可用的解决方法?

1 个答案:

答案 0 :(得分:2)

显然,您正在尝试插入选择框的jQuery实体,而不是原始HTML。如果您这样做,dataTables会引发错误并将内容显示为[object HTMLSelectElement]

按照您的描述插入选择框,如 HTML字符串

var select = '<select><option value="a">A</option><option value="b">B</option></select>';
oTable.fnUpdate(select, rowNum, 3, true, true);

见小提琴 - &gt; http://jsfiddle.net/npRJA/,点击&#34; Click for inserting <select>'s&#34;。