在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么實(shí)現(xiàn)bootstrapTable 可編輯行?

怎么實(shí)現(xiàn)bootstrapTable 可編輯行?

通過bootstrapTable 插件生成了表格
通過bootstrap的modal框?qū)涌梢詫?shí)現(xiàn)行數(shù)據(jù)的修改嗎
目前實(shí)現(xiàn)的是 行數(shù)據(jù)向modal層傳值 可是modal層設(shè)置的值不能傳遞到前端
一定要通過后臺接口才可以實(shí)現(xiàn)嗎 有別的辦法嗎?

$('#demo-table').bootstrapTable({
        columns: [{
            filed:'model',
            checkbox:true
        },{
            field: 'id',
            title: '洗衣模式'
        }, {
            field: 'time',
            title: '時(shí)間'
        }, {
            field: 'price',
            title: '價(jià)格'
        },{
            filed:'editer',
            title:'編輯',
            formatter:function(value,row,index){
                           var e = '<a href="#" mce_href="#" onclick="edit()">編輯</a> ';
                            return e
                        }
            }],
        data: [{
            id: "標(biāo)準(zhǔn)洗",
            time: '5分鐘',
            price: '20元'
        }, {
            id: '快速洗',
            time: '15分鐘',
            price: '15元'
        },{
            id: '脫水',
            time: '5分鐘',
            price: '5元'
        },{
            id: '大件洗',
            time: '45分鐘',
            price: '35元'
        }]
    });

     function edit(){
         // 獲取當(dāng)前行 var row=$("#demo-table").bootstrapTable('getSelections')
         //console.log(row)
         
         //點(diǎn)擊當(dāng)前行
          $('#demo-table').on('click-row.bs.table', 
          
              function (e, row, element){
                  //設(shè)置標(biāo)題
                  $("#myModalLabel").text(row.id+"設(shè)置")
                  //打開模態(tài)框
                $("#myModal").modal()
                //點(diǎn)擊提交
                $("#sumb").click(function(){
                //獲取時(shí)間
                var pric=$("#price").val();
                var times=$("#times").val();
                row.price=pric;
                row.time=times;
                     $('#myModal').modal('hide');
                })
                
                 
            });  
         
     }
     

row值已經(jīng)改變了 不知道哪出問題了 還是這個(gè)思路不行
圖片描述

回答
編輯回答
神曲

你可以判斷后端是否更新成功了,如果更新成功了,可以在前端更新行數(shù)據(jù)啊
更新方式:$table.bootstrapTable('updateByUniqueId', {id: data.id, row: data});
data就是行數(shù)據(jù)

2018年8月29日 07:06
編輯回答
冷溫柔

我認(rèn)為是沒有重新渲染的問題,也就是說你雖然row值已經(jīng)改變了,但是你的頁面沒有用更改的row值進(jìn)行重新渲染,如果不需要后臺接口只是純前端修改的頁面的話,可以改變r(jià)ow值得同時(shí)修改dom元素。

2017年7月20日 16:08