Binding gridview com xml usando Javascript

[Denis Fernandes Gomes 0]

Bom dia pessoal,

Encontrei este artigo http://www.aspsnippets.com/Articles/Load-on-demand-data-in-GridView-on-scroll-using-ASPNet-and-jQuery-AJAX.aspx, estou usando o Linq to SQL e um update panel dentro da div.

 

Meu código javascript

//Load GridView Rows when DIV is scrolled
$("#dvGrid").on("scroll", function (e) {
var $o = $(e.currentTarget);
if ($o[0].scrollHeight - $o.scrollTop() <= $o.outerHeight()) {
GetRecords($('#<%=hdfid.ClientID %>').val());
}
});


//Function to recieve XML response append rows to GridView
function OnSuccess(response) {
alert("Entrei no OnSuccess ");
var xmlDoc = $.par---ML(response.d);
var xml = $(xmlDoc);
pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
var horarios = xml.find("Horario");
alert('length:'+horarios.length);
$("[id$=gvhorario] .loader").remove();
horarios.each(function () {
var horario = $(this);
var row = $("[id$=gvhorario] tr").eq(0).clone(true);
alert('Entrei no each');
$(".id", row).html(customer.find("id").text());
$(".dia", row).html(customer.find("dia").text());
$("[id$=gvhorario]").append(row);

});

Meu código html

<div id="dvGrid" style="width: 250px; float:left; height:100px; overflow:auto; margin-left:10px">
<asp:UpdatePanel ID="UpdatePanel5" runat="server" UpdateMode="Conditional">
<ContentTemplate>

<asp:GridView ID="gvhorario" runat="server" AutoGenerateColumns="False" CellPadding="4" CellSpacing="4" DataKeyNames="id" Font-Names="verdana" Font-Size="11px" ForeColor="#333333" GridLines="None" OnPageIndexChanging="gvhorario_PageIndexChanging" PageSize="6" CssClass="Grid" OnSelectedIndexChanged="gvhorario_SelectedIndexChanged" >
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:CommandField ButtonType="Image" CancelImageUrl="~/icons/cancel.png" CausesValidation="False" DeleteImageUrl="~/icons/delete.png" EditImageUrl="~/icons/edit.png" SelectImageUrl="~/icons/check.png" UpdateImageUrl="~/icons/save.png">
<ControlStyle Height="16px" Width="16px" />
</asp:CommandField>

<%--<asp:TemplateField HeaderText="id" Visible="False">

<ItemTemplate>
<asp:Label ID="lblid" runat="server" Text='<%# Eval("id") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>--%>
<asp:BoundField DataField="id" HeaderText = "ID" ItemStyle-CssClass="id" 
ItemStyle-Width="200" HeaderStyle-Width="200" >
<HeaderStyle Width="200px" />
<ItemStyle CssClass="id" Width="200px" />
</asp:BoundField>
<asp:BoundField DataField="dia" HeaderText = "Data" ItemStyle-CssClass="dia" 
ItemStyle-Width="200" HeaderStyle-Width="200" >
<HeaderStyle Width="200px" />
<ItemStyle CssClass="dia" Width="200px" />
</asp:BoundField>
<%-- <asp:TemplateField HeaderText="Data">
<ItemTemplate>
<asp:Label ID="lbldia" runat="server" Text='<%# Eval("dia") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Hora">
<ItemTemplate>
<asp:Label ID="lblhora_inicio" runat="server" Text='<%# Eval("hora_inicio") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Vagas">
<ItemTemplate>
<asp:Label ID="lblqtde_vagas" runat="server" Text='<%# Eval("qtde_vagas") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>--%>
</Columns>
<EditRowStyle BackColor="#2461BF" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerSettings Mode="NextPreviousFirstLast" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F5F7FB" />
<SortedAscendingHeaderStyle BackColor="#6D95E1" />
<SortedDescendingCellStyle BackColor="#E9EBEF" />
<SortedDescendingHeaderStyle BackColor="#4870BE" />
</asp:GridView> 

</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btncons_dia" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="imgadd" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="rbltipo_view" EventName="SelectedIndexChanged" />
<asp:AsyncPostBackTrigger ControlID="gvhorario" EventName="RowCreated" />
<asp:AsyncPostBackTrigger ControlID="gvhorario" EventName="DataBinding" />
</Triggers>
</asp:UpdatePanel>

</div>

Meu gridview não atualiza depois que a linha é adicionada!

 

Poderiam me ajudar?

Muito obrigado!

[Denis Fernandes Gomes 0]

Resolvido!!!