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