如何根據下拉列表進行數據列表更改？

我正在嘗試製作一個食物網頁，我使用datalist來顯示我的數據庫中的食物，並且我會在中國，西方，馬來，印度等美食類型的下拉列表中列出。如何編寫我的數據手冊，以便當用戶從下拉列表中選擇馬來語時，數據列表將顯示來自數據庫的所有馬來語食物，並且當用戶選擇中文時，數據列表將從數據庫中更改並顯示所有中國食物。如何根據下拉列表進行數據列表更改？

來源

2017-07-21 Bunny

你需要分享自己當前的顯示食品在數據列表，並顯示在下拉列表中的美食代碼？並標記應用程序類型？它是Windows窗體，ASP.NET WebForms還是ASP.NET MVC或移動應用程序？簡單的邏輯就是從下拉列表中獲得選定的美食ID，從數據庫中檢索foodid的食品並重新綁定數據專家。 –

我'用我的code.you硬編碼的數據可以取代你的數據庫表列表值獲取到pageLoad的foodlist（WebForm.aspx.cs）

這是我的WebForm1.aspx的HTML代碼

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication8.WebForm1" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:DropDownList ID="DropDownList1" runat="server"> 
     <asp:ListItem Value="All">All</asp:ListItem> 
     <asp:ListItem Value="Chinese">Chinese</asp:ListItem> 
     <asp:ListItem Value="western">western</asp:ListItem> 
     <asp:ListItem Value="Malay">Malay</asp:ListItem> 
     <asp:ListItem Value="Indian">Indian</asp:ListItem> 



    </asp:DropDownList> 
    </div> 

     <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> 
     <asp:GridView ID="GridView1" runat="server"> 
     </asp:GridView> 

    </form> 
</body> 
</html>

我的模型

public class food 
    { 
     public int foodId { get; set; } 

     public string foodName { get; set; } 

     public string foodtypes { get; set; } 
    }

WebForm.aspx.cs文件

namespace WebApplication8 
{ 
    public partial class WebForm1 : System.Web.UI.Page 
    { 
     List<food> foodlist = new List<food>(); 
     protected void Page_Load(object sender, EventArgs e) 
     { 
      food fod = new food(); 
      fod.foodId = 1; 
      fod.foodName = "testA"; 
      fod.foodtypes = "Chinese"; 

      foodlist.Add(fod); 

      food fod1 = new food(); 
      fod1.foodId = 2; 
      fod1.foodName = "testb"; 
      fod1.foodtypes = "Chinese"; 
      foodlist.Add(fod1); 

      food fod3 = new food(); 
      fod3.foodId = 3; 
      fod3.foodName = "testc"; 
      fod3.foodtypes = "Malay"; 
      foodlist.Add(fod3); 
     } 

     protected void Button1_Click(object sender, EventArgs e) 
     { 
      string selectedDropdownlist = DropDownList1.Text; 

      GridView1.DataSource = foodlist.Where(x => x.foodtypes == selectedDropdownlist).ToList(); 

      GridView1.DataBind(); 
     } 
    } 
}

我的UI

來源

2017-07-21 04:30:56

如何根據下拉列表進行數據列表更改？

回答

相關問題