如何从文本框中获取数据并将其添加到dataTable中
How get Data from a textbox and add it to dataTable?
我正试图从文本中获取信息,例如:"Name,Number,etc";并将该信息添加到我的数据表中,但我不知道如何使该部分工作。我还附上了jsfiddle,它工作正常。(https://jsfiddle.net/gon3j0uv/)
$(document).ready(function() {
var t = $('#example').DataTable();
var counter = 1;
$('#addRow').on('click', function() {
t.row.add([
counter + '.1',
counter + '.2',
counter + '.3',
counter + '.4',
counter + '.5'
]).draw(false);
counter++;
});
// Automatically add a first row of data
$('#addRow').click();
});
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<button id="addRow">
addrow
</button>
</br>
</br>
</br>
First name:
<input type="text" name="FirstName">
<br>
</br>
</br>
</br>
</br>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
</tr>
</tfoot>
</table>
counter++;
} );
// Automatically add a first row of data
$('#addRow').click();
});
jsFiddle
你必须在输入文本中获得值,我编辑了你的小提琴,这里是链接示例小提琴
你必须得到这样的输入值:
var inputText = $("input[name='FirstName']").val()
如果希望所有列都有文本,则应该为每列提供不同的输入。我希望它能帮助
相关文章:
- 删除DataTable(1.10.8)后,删除的行将再次添加
- 将文本框/单选按钮/和下拉列表中的信息添加到dataTable
- 如何从文本框中获取数据并将其添加到dataTable中
- jquery DataTable 数据格式和警告 - 添加的数据与已知列数不匹配
- 如何在不重新加载ajax的情况下在datatable上.draw()或添加行
- jquery datatable 如何解析和添加来自 MVC 的行
- 在jquery中向dataTable添加行的函数给出了TypeError
- 将 html.actionLink 添加到 Jquery Datatable
- 为Datatable中的行添加id
- 无法使用dataTable jquery删除表上新添加的行
- Jquery UI Datatable:以文本框为列向表中添加行
- 如何在向datatable中添加新数据后重新加载页面
- 如何动态地向jquery Datatable添加行并细化要显示的列
- 添加行到datatable无需重新加载/刷新
- Jquery datatable添加类到行
- Jquery DataTable无法使用table.rows.add方法添加行
- 如何在 Jquery DataTable 中添加按钮
- 如何向datatable表添加索引列
- 向JQuery DataTable添加行而不重新绘制
- 如何在datatable中添加一个复选框