bootStrapTable追加削除の変更方法
10324 ワード
bootStrapTable追加削除の変更方法
一:(調べ)表中のデータを取得する:
var row = $(’#newCustomApplyTable’).bootstrapTable(‘getSelections’);
共通パラメータ: getData取得テーブル内のすべてのデータ getSelections取得テーブルの選択したすべてのデータ getOptionsは、rowsを使用して、データではなく現在のテーブルを取得する.data属性値はgetDate取得データと同じ var row = $(’#newCustomApplyTable’).bootstrapTable(‘getRowByUniqueId’, id); getRowByUniqueIdプライマリ・キーによる1行のデータ removeByUniqueId一意IDに従って行データ を除去する. updateByUniqueId一意IDに従って行データを更新行 二:表中のデータに対して挿入削除更新操作を行う: updateRow------index,rowはindex行を更新し、更新データはrow である. updateCell------index(下表)、filed(列名)、value(値)更新index行のfiled列の値はvalue である. insertRow------index,row新しいデータ を挿入 remove------field,values指定カラム名の値がvalues配列に含まれる行 を削除 removeAll削除テーブル内のすべてのデータ DEMO**
}
一:(調べ)表中のデータを取得する:
var row = $(’#newCustomApplyTable’).bootstrapTable(‘getSelections’);
共通パラメータ:
var table = $("#newCustomApplyTable");//
table.bootstrapTable('updateRow', {
index: id,
row: row
});
package com.example.demo.bootStrap;
/**
* @author jys
* @create 2019/6/21
* @since 1.0.0
*/
public class BootStrapData {
public static void main(String[] args) {
/**
*
* todo https://blog.csdn.net/pengjunlee/article/details/80659747
* todo idea Shift+Alt+Insert
*
* todo bootStrap
* todo 1、 updateRow
* todo 2、 insertRow
* todo 3、 remove
* todo 4、 getData
* todo 5、 getSelections
* todo 6、 getOptions
* todo 7、 ID getRowByUniqueId
* todo 8、 ID removeByUniqueId
* todo 9、 ID updateByUniqueId
* todo 10、
*/
//todo 1、 updateRow
/**
* todo $('#table_Id').bootstrapTable('updateRow',
* todo {
* todo index: checkIndex, //index---->
* todo row: data.data //row ---->
* todo });
*/
/**
* todo // demo1 index getData
* todo function FeiQi(id) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo var rows = $('#newCustomApplyTable').bootstrapTable('getData');
* todo var row = rows[id];
* todo row.projectStatus = "99";
* todo var table = $("#newCustomApplyTable");//
* todo table.bootstrapTable('updateRow', {
* todo index: id,
* todo row: row
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
*/
/** todo // demo2 getSelections
* todo function FeiQi(id) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo var row = $('#newCustomApplyTable').bootstrapTable('getSelections');
* todo row.projectStatus = "99";
* todo var table = $("#newCustomApplyTable");//
* todo table.bootstrapTable('updateRow', {
* todo index: id,
* todo row: row
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
*/
/**
* todo // demo3 getOptions data
* todo function FeiQi(id) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo var rows = $('#newCustomApplyTable').bootstrapTable('getOptions');
* todo var row = rows.data[id];
* todo row.projectStatus = "99";
* todo var table = $("#newCustomApplyTable");//
* todo table.bootstrapTable('updateRow', {
* todo index: id,
* todo row: row
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
*/
/** todo // demo4 id
* todo function FeiQi(id) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo var row = [];
* todo row.projectStatus = "99";
* todo var table = $("#newCustomApplyTable");//
* todo table.bootstrapTable('updateRow', {
* todo index: id,
* todo row: row
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
* todo
*/
/**
* todo // demo5 updateCell
* todo function FeiQi(id) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo var rows = $('#newCustomApplyTable').bootstrapTable('getOptions');
* todo var row = rows.data[id];
* todo var feiQi = row.projectStatus;
* todo feiQi = "99";
* todo var table = $("#newCustomApplyTable");//
* todo table.bootstrapTable('updateCell', {
* todo index: id,
* todo field: 'projectStatus',
* todo value: feiQi
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
*/
/** todo // demo6 ID getRowByUniqueId
* todo
* todo uniqueId: "amountOfLiabilities",
* todo
* todo + row.amountOfLiabilities
* todo function FeiQi(id) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo debugger;
* todo var row = $('#newCustomApplyTable').bootstrapTable('getRowByUniqueId', id);
* todo row.projectStatus = "99";
* todo var table = $("#newCustomApplyTable");//
* todo
* todo table.bootstrapTable('updateRow', {
* todo index: id,
* todo row: row
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
* todo
//todo 2、 insertRow
/**
* todo $('#table_Id').bootstrapTable('insertRow',
* todo {
* todo index: checkIndex, //index---->
* todo row: data.data //row ---->
* todo });
*/
//todo 3、 remove
/**
* todo $('#table_Id').bootstrapTable('remove',
* todo {
* todo field: checkIndex, //field---->
* todo values: data.data //values ---->
* todo });
*/
/**
* todo demo1
* todo
* todo function removeAllocat(id) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo var table = $("#allocations");
* todo var values = [parseInt(id)];
* todo table.bootstrapTable('remove', {
* todo field: 'id',
* todo values: values
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
* todo
* todo
*/
/** todo // demo2 removeAll 3 3
* todo function removePayPlanTable(payPlaneDate) {
* todo layer.confirm(' ?', {
* todo btn: [' ', ' ']
* todo }, function () {
* todo var table = $("#payPlanTable");
* todo var values = [payPlaneDate];
* todo table.bootstrapTable('remove', {
* todo field: 'payPlaneDate',
* todo values: values
* todo });
* todo layer.closeAll('dialog');
* todo })
* todo }
* todo
*/
//todo 4、 getData
/**
* todo var rows = $("#allocations").bootstrapTable('getData');
*/
//todo 5、 getSelections
/**
* todo var rows = $("#allocations").bootstrapTable('getSelections');
*/
//todo 6、 getOptions
/**
* todo var row = $("#allocations").bootstrapTable('getOptions').data[index];
*/
}
}