bootstrap-table新規行、データクリア問題
9792 ワード
bootstrap-table新規行データ更新
最近はプロジェクトをする必要がありますが、bootstrap-tableの中で新規に作成してください.この公式は提供方法があります.
探しても良い解決策が見つからないです.最後は少しバカなものを使うしかないです.まずテーブルのデータを取って、保存してください.新規に追加してからテーブルに値を付けます.
まず、行内データを取得します.
最近はプロジェクトをする必要がありますが、bootstrap-tableの中で新規に作成してください.この公式は提供方法があります.
insertRow
: $table.bootstrapTable('insertRow', {
index: 1, row: row}).
しかし、問題が発生しました.新規行がないと、元の入力枠の内容が更新されます.探しても良い解決策が見つからないです.最後は少しバカなものを使うしかないです.まずテーブルのデータを取って、保存してください.新規に追加してからテーブルに値を付けます.
まず、行内データを取得します.
var value=[]
var field=[]
//
$('#table tr').each(function (i) {
if ($(this).find('td:eq(1) input').val() !== undefined) {
value.push(Number($(this).find('td:eq(1) input').val()))// i input
}
});
//
$("#table tr").each(function () {
if ($(this).find('td:eq(1) input').val() !== undefined) {
field.push($(this).find('td').eq(0).text());
}
});
更新後にデータに値を割り当てます.var count = $('#table').bootstrapTable('getData').length; //
$('#table').bootstrapTable('insertRow', {
index: count, row: {
field: value, value: Input, weight: Input1}});//
$('#table tr').each(function (i) {
if ($(this).find('td:eq(1) input').val() !== undefined) {
$(this).find('td:eq(1) input')[0].defaultValue = data[i]
}
}
);