私が読んだすべてのことから、ListViewコントロールにページングを追加するのは非常に簡単なはずですが、それは私にとってはうまくいきません。 ListViewコントロールとDataPagerコントロールをフォームに追加し、それらを相互に接続した後、非常に奇妙な動作が発生します。 DataPagerはListViewのページサイズを正しく制限しますが、ページングボタンをクリックしてもListViewにはまったく影響しません。最後のページに移動すると最後のボタンが無効になるなど、ページングボタンは機能しているように見えますが、ListViewは変更されません。また、DataPagerを2回クリックすると、何かが実行されます。つまり、[最後]を1回クリックしても何も起こりませんが、2回クリックすると、DataPagerは最後のページが選択されたかのように反応します。
私が考えることができる唯一のことは、LinqDataSourceコントロールなどを使用せずに、実行時にDataSourceを(LINQオブジェクトに)バインドしているということです。誰かがこの行動を見たことがありますか?私は何か間違ったことをしていますか?私が使用しているコードは次のとおりです。
<asp:DataPager ID="HistoryDataPager" runat="server" PagedControlID="HistoryListView" PageSize="10">
<Fields>
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="true" ShowLastPageButton="true" />
</Fields>
</asp:DataPager>
<asp:ListView ID="HistoryListView" runat="server">
...
</asp:ListView>
コードビハインド:
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not IsPostBack Then
HistoryListView.DataSource = From x in myContext.myTables ...
DataBind()
End If
End Sub
ListViewPagedDataSourceを見てください。
private ListViewPagedDataSource GetProductsAsPagedDataSource(DataView dv)
{
// Limit the results through a PagedDataSource
ListViewPagedDataSource pagedData = new ListViewPagedDataSource();
pagedData.DataSource = dv;
pagedData.MaximumRows = dv.Table.Rows.Count;
pagedData.TotalRowCount = dpTop.PageSize;
if (Request.QueryString[dpTop.QueryStringField] != null)
pagedData.StartRowIndex = (Convert.ToInt32(Request.QueryString[dpTop.QueryStringField]) - 1) * dpTop.PageSize;
else
pagedData.StartRowIndex = 0;
return pagedData;
}
しかし、最後のページを表示するのに問題があります。 DataPagerは最初のページに戻りますが、表示されるデータは最後のページです。
OnPreRenderイベントでリストビューを再度データバインドする必要があります。
protected override void OnPreRender(EventArgs e)
{
ListView1.DataBind();
base.OnPreRender(e);
}
- 更新
Asp.net ajaxを使用していくつかのリストビューで作業した後、上記のソリューションよりも理にかなっているソリューションを見つけました。通常、ページロードメソッドまたはボタンクリックイベントハンドラーでリストビューをデータバインドします。ポストバックがあると、上記の問題で説明したようにデータバインディングが失われます。そのため、リストビューのページプロパティ変更イベントハンドラーでデータバインドを再度行う必要があります。
ListView_PagePropertiesChanged(object sender, EventArgs e)
{
ListView.DataSource=someDatasource;
ListView.DataBind()
}
もう1つの解決策、その単純な、データベースから「QUERY-STRING」の「ID」を取得し、次のように[QueryStringField = "ID"]としてPagerControlプロパティに設定します。
<asp:DataPager ID="DataPagerProducts" runat="server" QueryStringField="ID" PageSize="3">
<Fields>
<asp:NextPreviousPagerField ShowFirstPageButton="True" ShowNextPageButton="False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ShowLastPageButton="True" ShowPreviousPageButton="False" />
</Fields>
</asp:DataPager>
注:起きていない場合は、[ PagedControlID="ListView_Name" ]
も設定します。
ページの読み込み時ではなく、datapagerのプリレンダリングイベントでリストビューをバインドします。 ここでの解決策 を参照してください
また、ListViewのデータソースが変更された場合(たとえば、検索パラメーターに基づいてデータを表示する場合)、データソースが更新されるたびにページャーをリセットすることを忘れないでください。 ListViewの場合、これは他のデータバインドコントロール(GridViewなど)ほど簡単ではありません。
private void ResetListViewPager()
{
DataPager pager = (DataPager)ListViewMembers.FindControl("DataPager1");
if (pager != null)
{
CommandEventArgs commandEventArgs = new CommandEventArgs(DataControlCommands.FirstPageCommandArgument, "");
// MAKE SURE THE INDEX IN THE NEXT LINE CORRESPONDS TO THE CORRECT FIELD IN YOUR PAGER
NextPreviousPagerField nextPreviousPagerField = pager.Fields[0] as NextPreviousPagerField;
if (nextPreviousPagerField != null)
{
nextPreviousPagerField.HandleEvent(commandEventArgs);
}
// THIS COMMENTED-OUT SECTION IS HOW IT WOULD BE DONE IF USING A NUMERIC PAGER RATHER THAN A NEXT/PREVIOUS PAGER
//commandEventArgs = new CommandEventArgs("0", "");
//NumericPagerField numericPagerField = pager.Fields[0] as NumericPagerField;
//if (numericPagerField != null)
//{
// numericPagerField.HandleEvent(commandEventArgs);
//}
}
}
<asp:ListView ID="ListView1" runat="server" DataSourceID="sdsImages">
<ItemTemplate>
<div class="photo sample12">
<asp:Image ID="img_Galerie" runat="server" ImageUrl='<%# "~/imageHandler.ashx?ID=" + Eval("ImageID") %>' />
</div>
</ItemTemplate>
</asp:ListView>
<asp:DataPager ID="DataPager1" runat="server" PagedControlID="ListView1" PageSize="3" QueryStringField="ImageID">
<Fields>
<asp:NextPreviousPagerField ShowFirstPageButton="True" ShowNextPageButton="False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ShowLastPageButton="True" ShowPreviousPageButton="False" />
</Fields>
</asp:DataPager>
<asp:SqlDataSource ID="sdsImages" runat="server"
ConnectionString="<%$ ConnectionStrings:DBCS %>"
SelectCommand="SELECT ImageID FROM Images ">
これを試して:
protected void ListView1_PagePropertiesChanging(object sender, PagePropertiesChangingEventArgs e)
{
DataPager1.SetPageProperties(e.StartRowIndex, e.MaximumRows, false);
ListView1.DataSource = productList;
ListView1.DataBind();
DataPager1.DataBind();
}