将记录追加到GridView

时间:2013-01-24 11:47:07

标签: c# asp.net jquery

如果我在网格视图的页脚中有“看到更多”按钮。当我点击它时,我需要添加更多来自DB的记录,比如'Face Book'。我需要做到这一点,而不是在网格上发回完整的帖子。 有没有办法使用J Query,Jason或其他任何东西

1 个答案:

答案 0 :(得分:0)

正如@Aristos所说,你将无法使用GridView附加行,因为它绑定在服务器端。但是,您可以创建一个返回数据页面的Web服务。这些可以附加到您使用a repeater创建的<ul>

[WebMethod]
[ScriptMethod(ResponseFormat=ResponseFormat.Json)]
public string Format(int offset, int limit) {
    //  return data from your database here

然后从jQuery,

var currentPage = 0;
var numPerPage = 30;
$.ajax({
    url: '/YourService.asmx/GetData',
    data: JSON.stringify({ 'offset': (numPerPage * ++currentPage), 'limit': numPerPage}),
    type: 'POST',
    dataType: 'json',
    contentType: 'application/json; charset=utf-8', 
    success: function(response){
        // response.d contains your formatted results. If you have a <ul>, you could append them simply by doing:
        $.each(response.d, function() {
            $('<li/>').html(this).appendTo('#yourList');
        });
    });
});