我在bootgrid(http://www.jquery-bootgrid.com/)中重新加载Ajax数据时遇到问题
我已经成功地准备好要显示的网格,但是如果我将项目添加到db,我想重新加载网格。
我的代码现在是这样(缩短):
var grid;
$(document).ready(function() {
grid = initGrid();
});
function initGrid() {
var local_grid = $('#clients-grid').bootgrid({
"ajax": true,
"url": "/client/grid",
"formatters": {
"commands": function(column, row) {
return "<button type=\"button\" class=\"btn btn-default command-edit\" data-row-id=\"" + row.id + "\"><span class=\"glyphicon glyphicon-pencil\"></span></button> " +
"<button type=\"button\" class=\"btn btn-default command-delete\" data-row-id=\"" + row.id + "\"><span class=\"glyphicon glyphicon-trash\"></span></button> " +
"<button type=\"button\" class=\"btn btn-default command-mail\" data-row-id=\"" + row.id + "\"><span class=\"glyphicon glyphicon-envelope\"></span></button>";
},
"tooltips": function(column,row) {
return '<span type="button" class="content-popover" title="'+row.name+'" data-content="'+row.content+'">Najeďte myší pro zobrazení obsahu</span>';
},
"clientname": function(column,row) {
return row.name;
}
}
}).on("loaded.rs.jquery.bootgrid", function() {
$('.content-popover').popover({
trigger: 'hover',
html: true,
placement: 'right',
content: $(this).attr('data-content')
});
grid.find(".command-edit").on("click", function(e) {
editClient($(this).data('row-id'));
}).end().find(".command-delete").on("click", function(e) {
var id = $(this).data('row-id');
if (confirm('Opravdu smazat klienta s ID: '+$(this).data("row-id")+'?')) {
deleteClient($(this).data('row-id'));
}
}).end().find(".command-mail").on("click", function(e){
mailClient($(this).data('row-id'));
});
});
return local_grid;
}
所以网格变量是全局的,可以从任何地方访问。
但是功能重新加载记录在这里:http://www.jquery-bootgrid.com/Documentation#methods无法正常工作,并且我将ajax参数设置为true
有什么建议吗?
谢谢你,我的英语不好意思
最佳答案
你试过了吗:
$('#grid-data').bootgrid('reload');
对我来说,ajax请求已加载
关于javascript - 在jQuery BootGrid中重新加载不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25609150/