ASP.NET Textbox, Radio Button, and Listbox Sample


Design View
HTML Code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Food_Ordering.aspx.cs" Inherits="WebDemo01.Food_Ordering" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .auto-style1 {
            height: 86px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <h1 style="color: #008000">ABC Food court</h1>
        <table style="width: auto">
            <tr>
                <td>Enter Customer name</td>
                <td>
                    <asp:TextBox ID="txtCustName" runat="server"></asp:TextBox>
                </td>
                <td>
                    <span style="color: red">Initials at last</span>
                </td>
            </tr>
            <tr>
                <td>Food Type</td>
                <td>
                    <asp:RadioButton ID="rdoVeg" runat="server" GroupName="FoodType" Text="Veg" />&nbsp;<asp:RadioButton ID="rdoNonVeg" runat="server" GroupName="FoodType" Text="Non Veg" />
                </td>
                <td>
                    <span style="color: red">Select veg or non-veg</span>
                </td>
            </tr>

            <tr>
                <td>&nbsp;</td>
                <td style="text-align:center">
                    <asp:ImageButton ID="imgbtnShowFoods" runat="server" ImageUrl="~/Sources/buttonImage.jpg" Width="170px" OnClick="imgbtnShowFoods_Click" />
                </td>
                <td>
                    <asp:Label ID="lblMsg1" runat="server" Text="..."></asp:Label>
                </td>
            </tr>

            <tr>
                <td class="auto-style1"></td>
                <td class="auto-style1">
                    <asp:ListBox ID="lstFoodItems" runat="server" BackColor="#FFFFCC" Width="170px"></asp:ListBox>
                </td>
                <td class="auto-style1">
                    </td>
            </tr>

            <tr>
                <td>&nbsp;</td>
                <td>
                    <asp:ImageButton ID="imgbtnSelectFood" runat="server" ImageUrl="~/Sources/selectfood.jpg" Width="170px" OnClick="imgbtnSelectFood_Click" />
                </td>
                <td>&nbsp;</td>
            </tr>

            <tr>
                <td>&nbsp;</td>
                <td>
                    <asp:ListBox ID="lstSelectedItems" runat="server" BackColor="#339933" Width="170px"></asp:ListBox>
                </td>
                <td>&nbsp;</td>
            </tr>

            <tr>
                <td>Payment mode</td>
                <td>
                    <asp:RadioButton ID="rdoCash" runat="server" GroupName="Payment" Text="Cash" />
                </td>
                <td>&nbsp;</td>
            </tr>

            <tr>
                <td>&nbsp;</td>
                <td>
                    <asp:RadioButton ID="rdoCard" runat="server" GroupName="Payment" Text="Card" />
                </td>
                <td>&nbsp;</td>
            </tr>

            <tr>
                <td>&nbsp;</td>
                <td>
                    <asp:Button ID="btnSubmitOrder" runat="server" Text="Submit the Order" Width="160px" OnClick="btnSubmitOrder_Click" />
                </td>
                <td>&nbsp;</td>
            </tr>

            <tr>
                <td colspan="3">
                    <asp:Label ID="lblAck" runat="server" ForeColor="#009933" Text="Hello user"></asp:Label>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

C# Code
using System;
using System.Web.UI;

namespace WebDemo01
{
    public partial class Food_Ordering : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void imgbtnShowFoods_Click(object sender, ImageClickEventArgs e)
        {
            lstFoodItems.Items.Clear();

            if(rdoVeg.Checked)
            {
                lstFoodItems.Items.Add("Idly");
                lstFoodItems.Items.Add("Dosa");
                lstFoodItems.Items.Add("Uppuma");
                lstFoodItems.Items.Add("Vada");
                lstFoodItems.Items.Add("Pongal");
                lstFoodItems.Items.Add("Poori");
                lstFoodItems.Items.Add("Chappathi");
            }
            else if(rdoNonVeg.Checked)
            {
                lstFoodItems.Items.Add("Chicken Briyani");
                lstFoodItems.Items.Add("Chicken Tikka");
                lstFoodItems.Items.Add("Fish Fry");
                lstFoodItems.Items.Add("Prawn Fry");
                lstFoodItems.Items.Add("Mutton Kabab");
                lstFoodItems.Items.Add("Mutton sawarma");
                lstFoodItems.Items.Add("Thandoori");
            }
            else
            {
                lblMsg1.Text = "Select food category";
            }

        }

        protected void imgbtnSelectFood_Click(object sender, ImageClickEventArgs e)
        {
            lstSelectedItems.Items.Add(lstFoodItems.SelectedItem.ToString());
            lstFoodItems.SelectedIndex = -1;
        }

        protected void btnSubmitOrder_Click(object sender, EventArgs e)
        {
            string payType;
           
            if (rdoCash.Checked)
            {
                payType = "Cash";
            }
            else if(rdoCard.Checked)
            {
                payType = "Card";
            }
            else
            {
                payType = "Not Selected";
            }

            lblAck.Text = txtCustName.Text + ", Payment mode is " + payType;
        }
    }
}

Output

No comments:

Post a Comment

Subscribe to: Posts (Atom)