GridView 未在 UpdatePanel 内呈现
GridView not rendering inside UpdatePanel
我在尝试在 UpdatePanel 中显示 GridView 时遇到问题。
首先,当使用其中的 GridView 时,初始数据不显示,而当我删除 UpdatePanel 时,数据被渲染和显示。
我想做的第二件事是在通过 Ajax 插入记录后刷新数据网格。
我正在尝试通过点击 javascript 来执行此操作,但到目前为止没有结果。
这是我的 aspx 页面:
<asp:Panel ID='pSearchParams' runat="server">
<asp:ObjectDataSource ID="historyDataSource" runat="server"
TypeName="DataSourceAdapters.DataSourceAdapter"
SelectMethod="GetData">
</asp:ObjectDataSource>
<form runat="server" id="x">
<asp:ScriptManager
ID="ToolkitScriptManager1" runat="server" >
</asp:ScriptManager>
<ajax:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional" OnLoad="UpdatePanel2_Load">
<ContentTemplate>
<div id="triggerDiv" style="display:none;">
<asp:Button ID="triggerButton" CausesValidation="false" runat="server" Text="" />
<div>
<asp:GridView ID="GridViewHistory" CssClass="GridStyle"
runat="server" AllowPaging="True" AllowSorting="True"
AutoGenerateColumns="False" CellPadding="10"
DataSourceID="historyDataSource"
ForeColor="#333333">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<Columns>
<asp:BoundField DataField="CalculationDate" HeaderText="Date" ReadOnly="True" SortExpression="CalculationDate" />
<asp:BoundField DataField="RoughId" HeaderText="Rough ID" ReadOnly="True" SortExpression="RoughId" />
</Columns>
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="triggerButton" EventName="Click" />
<asp:PostBackTrigger ControlID="GridViewHistory" />
</Triggers>
</ajax:UpdatePanel>
</form>
</asp:Panel>
后面的代码:
protected void Page_Load(object sender, EventArgs e)
{
ScriptManager.GetCurrent(Page).RegisterAsyncPostBackControl(triggerButton);
}
[WebMethod]
public static void InsertHistoryItem()
{
DataSourceAdapters.DataSourceAdapter adapter = new DataSourceAdapters.DataSourceAdapter();
adapter.Insert();
}
}
protected void UpdatePanel2_Load(object sender, EventArgs e)
{
stepcutCalculationHistoryDataSource.Select();
GridViewStepcutCalculationHistory.DataBind();
UpdatePanel2.Update();
}
奇怪的是,我在 DevTools 的网络选项卡中看到了对 UpdatePanel 的请求,响应在那里,但它从未在 html 中呈现。
ScriptManager 控件应该位于所有控件的顶部。
I have tried it is working fine. This is the sample code.
<form id="form1" runat="server">
<asp:ScriptManager ID="scp1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upMain" runat="server">
<ContentTemplate>
<asp:Panel id="pnl1" runat="server">
<asp:GridView ID="GridViewHistory" CssClass="GridStyle"
runat="server" AllowPaging="True" AllowSorting="True"
AutoGenerateColumns="False" CellPadding="10"
DataSourceID="historyDataSource"
ForeColor="#333333">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<Columns>
<asp:BoundField DataField="CalculationDate" HeaderText="Date" ReadOnly="True" SortExpression="CalculationDate" />
<asp:BoundField DataField="RoughId" HeaderText="Rough ID" ReadOnly="True" SortExpression="RoughId" />
</Columns>
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</form>
我修好了。最后,这是一个不正确关闭的 div 元素导致了问题。
虽然我为此失去了理智。
我在尝试在 UpdatePanel 中显示 GridView 时遇到问题。 首先,当使用其中的 GridView 时,初始数据不显示,而当我删除 UpdatePanel 时,数据被渲染和显示。
我想做的第二件事是在通过 Ajax 插入记录后刷新数据网格。 我正在尝试通过点击 javascript 来执行此操作,但到目前为止没有结果。 这是我的 aspx 页面:
<asp:Panel ID='pSearchParams' runat="server">
<asp:ObjectDataSource ID="historyDataSource" runat="server"
TypeName="DataSourceAdapters.DataSourceAdapter"
SelectMethod="GetData">
</asp:ObjectDataSource>
<form runat="server" id="x">
<asp:ScriptManager
ID="ToolkitScriptManager1" runat="server" >
</asp:ScriptManager>
<ajax:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional" OnLoad="UpdatePanel2_Load">
<ContentTemplate>
<div id="triggerDiv" style="display:none;">
<asp:Button ID="triggerButton" CausesValidation="false" runat="server" Text="" />
<div>
<asp:GridView ID="GridViewHistory" CssClass="GridStyle"
runat="server" AllowPaging="True" AllowSorting="True"
AutoGenerateColumns="False" CellPadding="10"
DataSourceID="historyDataSource"
ForeColor="#333333">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<Columns>
<asp:BoundField DataField="CalculationDate" HeaderText="Date" ReadOnly="True" SortExpression="CalculationDate" />
<asp:BoundField DataField="RoughId" HeaderText="Rough ID" ReadOnly="True" SortExpression="RoughId" />
</Columns>
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="triggerButton" EventName="Click" />
<asp:PostBackTrigger ControlID="GridViewHistory" />
</Triggers>
</ajax:UpdatePanel>
</form>
</asp:Panel>
后面的代码:
protected void Page_Load(object sender, EventArgs e)
{
ScriptManager.GetCurrent(Page).RegisterAsyncPostBackControl(triggerButton);
}
[WebMethod]
public static void InsertHistoryItem()
{
DataSourceAdapters.DataSourceAdapter adapter = new DataSourceAdapters.DataSourceAdapter();
adapter.Insert();
}
}
protected void UpdatePanel2_Load(object sender, EventArgs e)
{
stepcutCalculationHistoryDataSource.Select();
GridViewStepcutCalculationHistory.DataBind();
UpdatePanel2.Update();
}
奇怪的是,我在 DevTools 的网络选项卡中看到了对 UpdatePanel 的请求,响应在那里,但它从未在 html 中呈现。
ScriptManager 控件应该位于所有控件的顶部。
I have tried it is working fine. This is the sample code.
<form id="form1" runat="server">
<asp:ScriptManager ID="scp1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upMain" runat="server">
<ContentTemplate>
<asp:Panel id="pnl1" runat="server">
<asp:GridView ID="GridViewHistory" CssClass="GridStyle"
runat="server" AllowPaging="True" AllowSorting="True"
AutoGenerateColumns="False" CellPadding="10"
DataSourceID="historyDataSource"
ForeColor="#333333">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<Columns>
<asp:BoundField DataField="CalculationDate" HeaderText="Date" ReadOnly="True" SortExpression="CalculationDate" />
<asp:BoundField DataField="RoughId" HeaderText="Rough ID" ReadOnly="True" SortExpression="RoughId" />
</Columns>
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</form>
我修好了。最后,这是一个不正确关闭的 div 元素导致了问题。 虽然我为此失去了理智。