Javascript 搜索不使用datatable 1.10上的输入标记
我有一个关于使用datatable进行搜索的示例:jsfiddle.net/rmLLo7z2 如果我删除输入标记并将其放在上面,则为文本正常。这是好的Javascript 搜索不使用datatable 1.10上的输入标记,javascript,html,jquery,datatables,Javascript,Html,Jquery,Datatables,我有一个关于使用datatable进行搜索的示例:jsfiddle.net/rmLLo7z2 如果我删除输入标记并将其放在上面,则为文本正常。这是好的 但是它不能使用输入标记进行搜索。您需要设置数据搜索和数据顺序属性 <table id="example" class="display" cellspacing="0" width="100%"> <thead> <tr> <th&g
但是它不能使用输入标记进行搜索。您需要设置
数据搜索
和数据顺序
属性
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
</tr>
</tfoot>
<tbody>
<tr>
<td data-search="Tiger Nixon" data-order="Tiger Nixon"><input value="Tiger Nixon"/></td>
<td data-search="System Architect" data-order="System Architect"><input value="System Architect"/> </td>
<td data-search="Edinburgh" data-order="Edinburgh"><input value="Edinburgh"/></td>
</tr>
<tr>
<td data-search="Garrett Winters" data-order="Garrett Winters"><input value="Garrett Winters"/></td>
<td data-search="Accountant" data-order="Accountant"><input value="Accountant"/> </td>
<td data-search="Tokyo" data-order="Tokyo"><input value="Tokyo"/></td>
</tr>
<tr>
<td data-search="Ashton Cox" data-order="Ashton Cox"><input value="Ashton Cox"/></td>
<td data-search="Junior Technical Author" data-order="Junior Technical Author"><input value="Junior Technical Author"/> </td>
<td data-search="San Francisco" data-order="San Francisco"><input value="San Francisco"/></td>
</tr>
<tr>
<td data-search="Cedric Kelly" data-order="Cedric Kelly"><input value="Cedric Kelly"/></td>
<td data-search="Senior Javascript Developer" data-order="Senior Javascript Developer"><input value="Senior Javascript Developer"/> </td>
<td data-search="Edinburgh" data-order="Edinburgh"><input value="Edinburgh"/></td>
</tr>
</tbody>
</table>
名称
位置
办公室
名称
位置
办公室
有关
数据属性的更多信息
:您需要设置数据搜索
和数据顺序
属性
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
</tr>
</tfoot>
<tbody>
<tr>
<td data-search="Tiger Nixon" data-order="Tiger Nixon"><input value="Tiger Nixon"/></td>
<td data-search="System Architect" data-order="System Architect"><input value="System Architect"/> </td>
<td data-search="Edinburgh" data-order="Edinburgh"><input value="Edinburgh"/></td>
</tr>
<tr>
<td data-search="Garrett Winters" data-order="Garrett Winters"><input value="Garrett Winters"/></td>
<td data-search="Accountant" data-order="Accountant"><input value="Accountant"/> </td>
<td data-search="Tokyo" data-order="Tokyo"><input value="Tokyo"/></td>
</tr>
<tr>
<td data-search="Ashton Cox" data-order="Ashton Cox"><input value="Ashton Cox"/></td>
<td data-search="Junior Technical Author" data-order="Junior Technical Author"><input value="Junior Technical Author"/> </td>
<td data-search="San Francisco" data-order="San Francisco"><input value="San Francisco"/></td>
</tr>
<tr>
<td data-search="Cedric Kelly" data-order="Cedric Kelly"><input value="Cedric Kelly"/></td>
<td data-search="Senior Javascript Developer" data-order="Senior Javascript Developer"><input value="Senior Javascript Developer"/> </td>
<td data-search="Edinburgh" data-order="Edinburgh"><input value="Edinburgh"/></td>
</tr>
</tbody>
</table>
名称
位置
办公室
名称
位置
办公室
有关
数据属性的更多信息
:如果数据是通过Ajax或其他源加载的,您可以使用如下所示的渲染功能
columns: [
{
data:'displayname',
width:'30%',
render: function(data,type,row)
{
if(type === 'filter'){
return data;
}
return '<input type="text" style="width:100%" value="'+data+'" name="Child_Displayname">';
},
},
..]
列:[
{
数据:'displayname',
宽度:'30%',
呈现:函数(数据、类型、行)
{
如果(类型==‘过滤器’){
返回数据;
}
返回“”;
},
},
..]
如果数据是通过Ajax或其他源加载的,您可以使用如下所示的渲染功能
columns: [
{
data:'displayname',
width:'30%',
render: function(data,type,row)
{
if(type === 'filter'){
return data;
}
return '<input type="text" style="width:100%" value="'+data+'" name="Child_Displayname">';
},
},
..]
列:[
{
数据:'displayname',
宽度:'30%',
呈现:函数(数据、类型、行)
{
如果(类型==‘过滤器’){
返回数据;
}
返回“”;
},
},
..]
没问题。谢谢你的帮助如果我使用ajax函数我该怎么办?没关系。感谢您的帮助如果我使用ajax函数我应该怎么做?batter了解问题是什么。batter了解问题是什么。