bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實現(xiàn)代碼

更新時間：2017年02月13日 16:35:55 作者：衣兜里

這篇文章主要介紹了bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實現(xiàn)代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

js中設置列的屬性 editable :

{
type : 'text',//數(shù)據(jù)顯示在文本框內(nèi)
emptytext : "--",//數(shù)據(jù)為空時顯示
validate : function(value) {
if ($.trim(value) == '') {
return '不能為空';//修改是數(shù)據(jù)為空 顯示
}
}
}

js中設置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)站的支持！

您可能感興趣的文章:

相關(guān)文章

JavaScript實現(xiàn)網(wǎng)絡測速的方法詳解
在我們的日常生活中離不開網(wǎng)絡，而網(wǎng)絡的快慢直接決定了用戶的產(chǎn)品使用體驗。本文就來帶大家了解如何用JavaScript實現(xiàn)網(wǎng)絡測速，需要的可以參考一下
2023-01-01
查看QQ是否在線狀態(tài)的網(wǎng)頁代碼
這個其實就是利用qq官方提供的東西，簡單的通過圖片來測試是否在線，隱身也是不在線狀態(tài)。純粹學習使用。
2010-04-04
25個讓你眼前一亮的JavaScript代碼技巧分享
學習強大的JavaScript一行代碼，能夠節(jié)省你的時間和代碼量，所以本文為大家整理了25個JavaScript實用代碼技巧，感興趣的小伙伴可以了解一下
2023-07-07
JavaScript實現(xiàn)的簡單Tab點擊切換功能示例
這篇文章主要介紹了JavaScript實現(xiàn)的簡單Tab點擊切換功能,涉及JavaScript事件響應及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2018-07-07
iscroll-probe實現(xiàn)下拉刷新和下拉加載效果
這篇文章主要為大家詳細介紹了iscroll-probe下拉刷新和下拉加載，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
js實現(xiàn)類bootstrap模態(tài)框動畫
這篇文章主要為大家詳細介紹了js實現(xiàn)類bootstrap模態(tài)框動畫的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
JS調(diào)試必備的5個debug技巧
我一直使用printf調(diào)試程序，一般來說都是比較順利，但有時候，你會發(fā)現(xiàn)需要更好的方法。下面幾個JavaScript技巧相信你一定會覺得十分有用
2014-03-03
JS獲取指定時間的時間戳的方法匯總(最新整理收藏版)
在JavaScript中,可以使用Date.parse()或new Date()來獲取指定時間的時間戳,本文給大家分享JS獲取指定時間的時間戳的方法,感興趣的朋友一起看看吧
2024-01-01
深入分析Javascript跨域問題
JavaScript出于安全方面的考慮，不允許跨域調(diào)用其他頁面的對象。但在安全限制的同時也給注入iframe或是ajax應用上帶來了不少麻煩。這里把涉及到跨域的一些問題簡單地整理一下
2015-04-04
document.addEventListener使用介紹
這篇文章主要介紹了document.addEventListener，下面有個示例，大家可以參考下
2014-03-03