私は Telerik MVC コントロール、特に Grid と Tab ストリップを多用しています。「Customer Edit」画面に、次のようなタブ ストリップがあります。
@(Html.Telerik().TabStrip()
.Name("customer-info")
.Items(tabs =>
{
tabs.Add().Text("Addresses").Content(Addresses().ToHtmlString());
tabs.Add().Text("Phone / Email").Content(PhoneNumbers().ToHtmlString());
tabs.Add().Text("Card Numbers").Content(CardNumbers().ToHtmlString());
tabs.Add().Text("Adjustments").Content(Adjustments().ToHtmlString()).Visible(Model.UserCanAddAdjustments);
tabs.Add().Text("Transactions").Content(Transactions().ToHtmlString());
tabs.Add().Text("Account Info").Content(AccountInfo().ToHtmlString());
})
.SelectedIndex(currentTab))
「トランザクション」タブには、現在 AJAX バインディングを使用しているグリッドがあります。
@(Html.Telerik().Grid<Transaction>()
.Name("transactions")
.DataBinding(bind => bind.Ajax().Select("AccountTransactionBinding", "Accounts", new { customerId = Model.CustomerId }))
.Columns(cols =>
{
cols.Bound(x => x.TransactionDate).Format("{0:d}").Title("Date").Width("10%");
cols.Bound(x => x.Outlet.Name).Title("Outlet").Width("15%");
cols.Bound(x => x.CheckNumber).Title("Check/Folio").Width("15%");
cols.Bound(x => x.Type.Name).Title("Type").Width("15%");
cols.Bound(x => x.CardNumber).Width("15%");
cols.Bound(x => x.AmountSpent).Format("{0:c2}").Width("15%");
cols.Bound(x => x.BasePoints).Title("Points").Width("15%");
})
.Pageable(paging => paging.PageSize(15))
.Sortable(sort => sort.OrderBy(ob => ob.Add(x => x.TransactionDate).Descending()))
.Filterable())
残念ながら、AJAX バインディングでは実行できない項目をグリッドに追加する必要があります。これをサーバー バインドに簡単に変更できますが、問題はページングにあります。このグリッドには数百または数千のアイテムが含まれる可能性があるため、ページングが必要です。「通常の」方法でページングを使用するだけでも機能しますが、デフォルトでは、ページが読み込まれるたびに最初のタブになります。
バックグラウンドが邪魔になりません。質問: ページング URL に QueryString パラメータを「追加」する方法はありますか?