bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實現(xiàn)代碼
js中設(shè)置列的屬性 editable :
{ type : 'text',//數(shù)據(jù)顯示在文本框內(nèi) emptytext : "--",//數(shù)據(jù)為空時顯示 validate : function(value) { if ($.trim(value) == '') { return '不能為空';//修改是數(shù)據(jù)為空 顯示 } } }
js中設(shè)置bootstrop-table加載數(shù)據(jù)時屬性
onEditableSave : function(field, row, oldValue, $el) { $('#id').bootstrapTable('resetView'); row = dataWarp(row, field);// 編輯時重新包裝數(shù)據(jù) 可寫可不寫 $.ajax({ type : "post", url : 路徑, data : row,//行內(nèi)修改后的數(shù)據(jù) dataType : 'JSON', success : function(data, status) { if (status == "success") { Modal.alert({ msg : "編輯成功!" }); } }, error : function() { Modal.alert({ msg : "編輯失??!" }); $('#id').bootstrapTable('refresh');// 數(shù)據(jù)加載成功后刷新 }, complete : function() { } }); }
以上所述是小編給大家介紹的bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實現(xiàn)代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- 在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法
- Bootstrap table表格初始化表格數(shù)據(jù)的方法
- BootStrap Fileinput插件和Bootstrap table表格插件相結(jié)合實現(xiàn)文件上傳、預覽、提交的導入Excel數(shù)據(jù)操作步驟
- Angualrjs和bootstrap相結(jié)合實現(xiàn)數(shù)據(jù)表格table
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
- Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法
- bootstrap-table獲取表格數(shù)據(jù)的多種方式
相關(guān)文章
uniapp微信小程序?qū)崿F(xiàn)一個頁面多個倒計時
這篇文章主要為大家詳細介紹了uniapp微信小程序?qū)崿F(xiàn)一個頁面多個倒計時,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11微信小程序開發(fā)之實現(xiàn)食堂點餐系統(tǒng)
這篇文章主要為大家詳細介紹了如何通過微信小程序開發(fā)一個簡單的食堂點餐系統(tǒng),文中的示例代碼講解詳細,感興趣的小伙伴可以和小編一起學習一下2023-01-01echarts數(shù)據(jù)可視化實現(xiàn)多個柱狀堆疊圖頂部顯示總數(shù)示例
這篇文章主要為大家介紹了echarts實現(xiàn)多個柱狀堆疊圖頂部顯示總數(shù)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(三)情景對話中仿打字機輸出文字
前兩講我告訴了大家如何使人物移動,那么今天我們就來看看如何實現(xiàn)仿《三國志曹操傳》人物情景對話,感興趣的朋友可以了解下,希望本文對你有所幫助2013-01-01各種常用瀏覽器getBoundingClientRect的解析
getBoundingClientRect2009-05-05JS+CSS實現(xiàn)超漂亮的動態(tài)翻書效果(思路詳解)
我們平常沖浪時是不是看過一些學校高級的錄取通知書,翻開通知書就能看見里面的內(nèi)容,呈現(xiàn)出逼真的3D效果,本文帶領(lǐng)大家基于JS+CSS實現(xiàn)超漂亮的動態(tài)翻書效果,需要的朋友可以參考下2023-05-05