目前,我的页面上有一个动态创建的gridview。当用户在文本框中输入内容并按下按钮时,整个页面将刷新以填充网格视图并使其可见。我不想再这样了。我将如何使用UpdatePanel使gridview可见并填充它?
<div class="span-93 prepend-2 top">
<strong>Enter Number</strong><br />
<asp:TextBox ID="PartNumber" runat="server" Width="100"></asp:TextBox>
<asp:Button ID="CreateButton" runat="server" Width="85" Text="Locate" OnClick="CreateButton_Click" />
</div>
<asp:Label ID="Select" runat="server" Font-Bold="true" Text="Select choice" Visible="false"></asp:Label><br />
<ajax:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:GridView ID="GridView" Visible="false" runat="server" HeaderStyle-Width="200" HeaderStyle-BackColor="#2B6292" HeaderStyle-ForeColor="White"
AllowSorting="true" AllowPaging="true" Width="600" AutoGenerateColumns="False" OnRowCreated="GridView_OnRowCreated"
DataKeyNames="Id" onsorting="GridView_OnSort">
<Columns>
...
</Columns>
</asp:GridView>
</ContentTemplate>
<Triggers>
<ajax:AsyncPostBackTrigger ControlID="CreateButton"/>
</Triggers>
</ajax:UpdatePanel>
显然,页面上的另一个名为CreateButton的按钮将填充gridview并使其可见,以便用户可以从中进行选择。这可能吗?提前谢谢。
编辑:将代码绑定到gridview:
protected void Create_Click(object sender, EventArgs e)
{
if (!String.IsNullOrEmpty(Number.Text))
{
BLL newbll = new BLL();
Database.DataTable tempTable = newbll.GetItemByPartNumber(Number.Text);
if (Table.Count != 0)
{
DataTable table = tempTable ;
string[] VID = { "Id" };
GridviewDiv.Visible = true;
GridView.DataSource = table;
GridView.DataKeyNames = VID;
GridView.DataBind();
}
}
}
答案 0 :(得分:0)
由于更新面板的更新模式设置为Conditional,因此在网格视图上调用DataBind后的代码中,您需要在Update Panel的名称上调用Update()(在此实例中名为UpdatePanel)
答案 1 :(得分:0)
将CreateButton声明为触发器后,您不必显式调用Update()来执行刷新
你在哪里声明了CreateButton? - 它必须与UpdatePanel在同一个'NamingContainer'中才能找到它
您可以在更新面板中移动CreateButton的声明吗?如果是这样,你不需要明确地声明一个触发器 - 看看是否有所不同
答案 2 :(得分:0)
使用以下
<asp:UpdatePanel ID="..." runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
<ContentTemplate>
<asp:GridView ....>
</asp:GridView .....>
///buttons ..............whatever
</ContentTemplate>