快捷導(dǎo)航

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

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

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

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)站的支持！

您可能感興趣的文章:

相關(guān)文章

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