数据源已填充,列表视图绑定但显示空数据模板

本文关键字:显示 数据 绑定 填充 列表 视图 数据源 | 更新日期: 2023-09-27 18:34:43

我在 C# asp.net 列表视图中遇到了一个奇怪的问题,我无法确定确切的原因和问题。这是场景

我有一个使用自动完成扩展器的搜索文本框。在PageLoad((中,列表视图将填充从DataTable中提取的一堆数据。当有人在文本框中输入内容时,从 Web 服务获取结果,在数据表中填充结果,列表视图将绑定到数据表。

一切正常 - listview与DataPager最初正常工作的绑定正常。在列表视图的第一页,如果用户输入搜索,列表视图将绑定并显示新结果。

但是,当我在第二页或更多页面时,列表视图绑定但显示空数据模板。我已经检查了数据表,并确定它在列表视图之前填充了新数据。数据绑定。仅当我离开列表视图的第 1 页时,才会发生问题。

.ASPX

<asp:ListView ID="productList" runat="server" onitemcommand="productList_ItemCommand" DataKeyNames="PrimaryID">
             <LayoutTemplate>
          <table>
            <tr runat="server">
              <th runat="server">Actions</th>
              <th runat="server">PrimaryID</th>
               <th runat="server">Product</th>
            <th runat="server">Description</th>
            </tr>
            <tr runat="server" id="itemPlaceholder" />
          </table>
        <asp:DataPager runat="server" ID="productDataPager" PageSize="20" PagedControlID="productList" QueryStringField="pageNumber">
            <Fields>
               <asp:NextPreviousPagerField ButtonType="Image" ShowFirstPageButton="true" ShowNextPageButton="false" ShowPreviousPageButton="false" FirstPageText="|&lt;&lt; " />
                <asp:NumericPagerField ButtonCount="10" />
                <asp:NextPreviousPagerField ButtonType="Image" ShowLastPageButton="true" ShowNextPageButton="false" ShowPreviousPageButton="false" LastPageText=" &gt;&gt;|" />
            </Fields>
          </asp:DataPager>     
       </LayoutTemplate>
         <ItemTemplate>
          <tr id="Tr1" class="even" runat="server">
            <td>
              <asp:LinkButton ID="EditButton" runat="Server" Text="Edit" CommandName="Edit_product"/>
            </td>
            <td">
              <asp:Label ID="primarylbl" runat="Server" Text='<%#Bind("PrimaryID") %>' />
            </td>
            <td>
              <asp:Label ID="productlbl" runat="Server" Text='<%#Bind("Product") %>' />
            </td>
             <td>
              <asp:Label ID="descriptionlbl" runat="Server" Text='<%#Bind("Description") %>' />            </td>
            </tr>
        </ItemTemplate>
       <AlternatingItemTemplate>
        <tr id="Tr1" class="odd" runat="server">
            <td>
              <asp:LinkButton ID="EditButton" runat="Server" Text="Edit" CommandName="Edit_product"/>
            </td>
            <td>
              <asp:Label ID="primarylbl" runat="Server" Text='<%#Bind("PrimaryID") %>' />
            </td>
            <td>
              <asp:Label ID="productlbl" runat="Server" Text='<%#Bind("Product") %>' />
            </td>
             <td>
              <asp:Label ID="descriptionlbl" runat="Server" Text='<%#Bind("Description")  %>' />
            </td>
            </tr>
       </AlternatingItemTemplate>
         <EmptyDataTemplate>
       No Records Found
       </EmptyDataTemplate>
           </asp:ListView>

代码隐藏

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                string productkey = "0";
                getWeb(productkey); //call WebService to get all Products
             }
        }
   private void createTable(Products[] product)
        {

            DataTable productTable = new DataTable();
            productTable.Columns.Add(new DataColumn("PrimaryID", typeof(string)));
            prouctTable.Columns.Add(new DataColumn("Product", typeof(string)));
            productTable.Columns.Add(new DataColumn("Description", typeof(string)));
            for (int i = 0; i < product.Length; i++)
            {
                DataRow dr = productTable.NewRow();
                dr["PrimaryID"] = product[i].PrimaryID.ToString();
                dr["Product"] = product[i].Product.ToString();
                dr["Description"] product[i].Description.ToString();

                productTable.Rows.Add(dr);
                productTable.AcceptChanges();
            }

            bindtoList(productTable);
 protected void bindtoList(DataTable prodTab)
        {
            if (productList.DataSource == null)
            {
                productList.DataSource = prodTab;
                productList.DataBind();
                Updatepanel1.Update();
            }
            else
            {
                productList.DataSource = null;
                productList.DataSource = proTab;
                productList.DataBind();
            }

            if (prodTab.Rows.Count > 20)
            {
                ((DataPager)productList.FindControl("productDataPager")).Visible = true;
            }
            else
            {
                if (((DataPager)productList.FindControl("productDataPager")) != null && ((DataPager)productList.FindControl("productDataPager")).Visible == true)
                {
                    ((DataPager)productList.FindControl("productDataPager")).Visible = false;
                }
            }
        }

数据源已填充,列表视图绑定但显示空数据模板

我认为getWeb(productkey(; 应该在"if(!PostBack(",因为更改页面会创建一个回发(而不是一个新的 Get(,所以你的表将为 null(或者至少这是它在网格中的工作方式(。

我找到了一个解决方法,也许是一个愚蠢的方法,因为它并没有真正解决问题的真正原因。

解决方法如下:

由于列表视图仅在现有列表处于PagerNumber=1时显示搜索结果,因此我使用DataPager.SetPageProperties(0,DataPager.PageSize,true(重置了DataPager。成功了!

仍然很困惑为什么我一开始就会遇到这个问题......

无论如何,谢谢大家的帮助。

我认为您需要从DataPager中删除QueryStringField="pageNumber"

问题是,当您从第 x 页搜索任何内容时,如果结果少于 x 页列表视图显示空数据模板。

但是,如果结果有 x 个或更多页的列表视图显示的结果包含在页号中。

当您的搜索结果x或更多页面时,如果您更改包含listview的新结果中的任何页面,则列表视图的数据源将更改为初始数据源。

如果从该QueryStringField="pageNumber"部件中删除,问题将得到解决。

编辑
以此作为您的<LayoutTemplate>

<LayoutTemplate>
          <table>
            <tr runat="server">
              <th runat="server">Actions</th>
              <th runat="server">PrimaryID</th>
               <th runat="server">Product</th>
            <th runat="server">Description</th>
            </tr>
                                <tr ID="itemPlaceholder" runat="server">
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr runat="server">
                        <td runat="server">
                            <asp:DataPager ID="DataPager1" runat="server" pagesize="20">
                                <Fields>
               <asp:NextPreviousPagerField ButtonType="Image" ShowFirstPageButton="true" ShowNextPageButton="false" ShowPreviousPageButton="false" FirstPageText="|&lt;&lt; " />
                <asp:NumericPagerField ButtonCount="10" />
                <asp:NextPreviousPagerField ButtonType="Image" ShowLastPageButton="true" ShowNextPageButton="false" ShowPreviousPageButton="false" LastPageText=" &gt;&gt;|" />
            </Fields>
                            </asp:DataPager>
                        </td>
                    </tr>
                </table>
            </LayoutTemplate>