ASP.NET Population Listbox issue

Question

На данный момент я пытаюсь создать страницу ASP.NET, в которой будут перечислены книги из категории, в списке, на основе выбранной вами категории, а затем у меня есть еще две кнопки (одна для заказа DESC и один для заказа ASC). Теперь проблема в том, что когда я нажимаю кнопку ASC или DESC после нажатия кнопки фикции и заполнения окна списка, она стирает окно списка.

Ранее я опубликовал аналогичный вопрос, получил некоторые исправления, но он по-прежнему стирает список, когда я нажимаю кнопки ASC или DESC.

Я довольно новичок в ASP.NET, так что простое объяснение и примеры кода/исправления «newb-friendly» очень приветствуются!

Заранее благодарен!

Код Ниже

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

public partial class partin : System.Web.UI.Page 
{ 
private List<String> books = new List<String>(); 

void Page_PreRender() 
{ 
    Item_Listbox.DataSource = books; 
    Item_Listbox.DataBind(); 
} 

int SortASC(string x, string y) 
{ 
    return String.Compare(x, y); 
} 

int SortDESC(string x, string y) 
{ 
    return String.Compare(x, y) * -1; 
} 

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!IsPostBack) 
    { 

     Header_Label.Text = "Welcome! Please select a book category."; 
     Item_Listbox.DataSource = books; 
     Item_Listbox.DataBind(); 

    } 

} 

protected void Fiction_Click(object sender, EventArgs e) 
{ 

     Header_Label.Text = "Fiction Section"; 

     books.Add("Title: The Old Man and The Sea | Decription: An epic novel. | Price: 10 USD | Quantity: 3"); 
     books.Add("Title: A Game of Thrones | Decription: A tale of fire and ice. | Price: 15 USD | Quantity: 6"); 
     books.Add("Title: Dracula | Decription: A book about vampires. | Price: 5 USD | Quantity: 7"); 
     books.Add("Title: Twilight | Decription: An awful book. | Price: Free | Quantity: 1000"); 

     Item_Listbox.DataSource = books; 
     Item_Listbox.DataBind(); 

} 


protected void Non_Fiction_Click(object sender, EventArgs e) 
{ 
    Header_Label.Text = "Non-Fiction Section"; 



} 
protected void Self_Help_Click(object sender, EventArgs e) 
{ 
    Header_Label.Text = "Self Help Section"; 



} 

protected void Sort_Command(object sender, CommandEventArgs e) 
{ 
    if (e.CommandName == "Sort") 
    { 
     switch (e.CommandArgument.ToString()) 
     { 
      case "ASC": 
       books.Sort(SortASC); 
       break; 
      case "DESC": 
       books.Sort(SortDESC); 
       break; 
     } 

    } 
    Item_Listbox.DataSource = books; 
    Item_Listbox.DataBind(); 
} 



} 

ASPX Код:

&nbsp;<asp:Panel 
     ID="Navigation" runat="server" Height="276px" Width="197px" 
     CssClass="Navigation" BorderColor="Black" BorderStyle="Double"> 
    <asp:Button ID="Fiction" runat="server" Text="Fiction" Width="145px" 
      CssClass="Nav_buttons" onclick="Fiction_Click" /> 
    <asp:Button ID="Non_Fiction" runat="server" Text="Non-Fiction" Width="145px" 
      CssClass="Nav_buttons" onclick="Non_Fiction_Click" /> 
    <asp:Button ID="Self_Help" runat="server" Text="Self Help" Width="145px" 
      CssClass="Nav_buttons" onclick="Self_Help_Click" /> 
    <asp:Button ID="New_Item" runat="server" Text="Add New Item" Width="145px" CssClass="Nav_buttons" />   
</asp:Panel> 
<asp:Panel ID="Books_Panel" runat="server" CssClass="Books_Panel" Height="409px" 
     BorderStyle="Double"> 
     <asp:Label ID="Header_Label" runat="server" 
      style="top: 79px; left: 693px; position: absolute; height: 19px; width: 234px" 
      Text="Label"></asp:Label> 

     <asp:ListBox ID="Item_Listbox" runat="server" 


      style="top: 204px; left: 443px; position: absolute; height: 136px; width: 732px" 
      AutoPostBack="True"> 
     </asp:ListBox> 

     <asp:Button ID="Ascending_Button" runat="server" 
      style="top: 375px; left: 723px; position: absolute; height: 26px; width: 169px" 
      Text="Ascending Order" CommandName="Sort" CommandArgument="ASC" 
      OnCommand="Sort_Command" /> 

     <asp:Button ID="Descending_Button" runat="server" 
      style="top: 405px; left: 723px; position: absolute; height: 26px; width: 169px" 
      Text="Descending Order" CommandName="Sort" CommandArgument="DESC" 
      OnCommand="Sort_Command" /> 

     <asp:DropDownList ID="Cat_Menu" runat="server"> 
     </asp:DropDownList> 

    </asp:Panel> 

Answer 1

При нажатии на кнопку ASC или DESC для сортировки списка он идет сортировать обработчик, но здесь books пусто на постбэка так пустой источник данных привязан к списку.

Вы должны либо переустановить источник, либо сохранить его в представлении, чтобы его можно было использовать на странице после.

Попробуйте что-нибудь подобное.

private List<String> books 
{ 
    get{ 
     if(ViewState["books"] == null){ 
      List<String> books = new List<String>(); 
      books.Add("Title: The Old Man and The Sea | Decription: An epic novel. | Price: 10 USD | Quantity: 3"); 
      books.Add("Title: A Game of Thrones | Decription: A tale of fire and ice. | Price: 15 USD | Quantity: 6"); 
      books.Add("Title: Dracula | Decription: A book about vampires. | Price: 5 USD | Quantity: 7"); 
      books.Add("Title: Twilight | Decription: An awful book. | Price: Free | Quantity: 1000"); 
      ViewState["books"] = books; 
     } 
     return new List<String>((String[])ViewState["books"]); 
    } 
    set{ 
     ViewState["books"] = value; 
    } 
} 

protected void Fiction_Click(object sender, EventArgs e) 
{ 
     Header_Label.Text = "Fiction Section"; 

     Item_Listbox.DataSource = books; 
     Item_Listbox.DataBind(); 
} 

protected void Sort_Command(object sender, CommandEventArgs e) 
{ 
    if (e.CommandName == "Sort") 
    { 
     switch (e.CommandArgument.ToString()) 
     { 
      case "ASC": 
       books.Sort(SortASC); 
       break; 
      case "DESC": 
       books.Sort(SortDESC); 
       break; 
     } 

    } 

    Item_Listbox.DataSource = books; 
    Item_Listbox.DataBind(); 
}