bootstrap table 數據表格行內修改的實現代碼
更新時間:2017年02月13日 16:35:55 作者:衣兜里
這篇文章主要介紹了bootstrap table 數據表格行內修改的實現代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
js中設置列的屬性 editable :
{
type : 'text',//數據顯示在文本框內
emptytext : "--",//數據為空時顯示
validate : function(value) {
if ($.trim(value) == '') {
return '不能為空';//修改是數據為空 顯示
}
}
}
js中設置bootstrop-table加載數據時屬性
onEditableSave : function(field, row, oldValue, $el) {
$('#id').bootstrapTable('resetView');
row = dataWarp(row, field);// 編輯時重新包裝數據 可寫可不寫
$.ajax({
type : "post",
url : 路徑,
data : row,//行內修改后的數據
dataType : 'JSON',
success : function(data, status) {
if (status == "success") {
Modal.alert({
msg : "編輯成功!"
});
}
},
error : function() {
Modal.alert({
msg : "編輯失?。?
});
$('#id').bootstrapTable('refresh');// 數據加載成功后刷新
},
complete : function() {
}
});
}
以上所述是小編給大家介紹的bootstrap table 數據表格行內修改的實現代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(三)情景對話中仿打字機輸出文字
前兩講我告訴了大家如何使人物移動,那么今天我們就來看看如何實現仿《三國志曹操傳》人物情景對話,感興趣的朋友可以了解下,希望本文對你有所幫助2013-01-01
各種常用瀏覽器getBoundingClientRect的解析
getBoundingClientRect2009-05-05

