Computer Programming

Monday, September 2, 2013

September 02, 2013

How to Use ComboBox Control in WPF

Dropdown list provides user to select an item from the existing list of items. Combo Box is a control allowing the user to either to type a value into the control or choose from a list. It means it is a combination of textbox and a drop down list.

Combo Box can contain a collection of objects of any type, it means it is an Items Control. To add some items in combo Box through XAML:

<ComboBox Name="cmbBox">
<ComboBox.Items>
<sys:String>First Item</sys:String>
<sys:String>Second Item</sys:String>
<sys:String>Third Item</sys:String>
</ComboBox.Items>
</ComboBox>

The above code snippet is used to simply add string type data to combo box. By using the above code snippet a combo box with three items will be created like in following image:

The same combo box can also be added dynamically using the following code snippet of c# language.

ComboBox cmbBox = new ComboBox();
cmbBox.Name = "cmbBox";
cmbBox.Items.Add("First Item");
cmbBox.Items.Add("Second Item");
cmbBox.Items.Add("Third Item");

Now add this combo box to the container to which you want. The same combo box as in above image will be generated using this code snippet. We can perform any other operation on the click event of selection changed event of combo box. Generate the selectionChanged event and write it as the following code snippet.

private void cmbBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
MessageBox.Show("ComboBox Selection Changed");
}

Whenever you change the selected item of this combo box, it will show a message as written in above code.

September 02, 2013

How to use Calendar Control in ASP.NET

The Calendar Control

The Calendar control display a graphic calendar on which users can select dates. This control exists within System.Web.UI.WebControls namespace. You can use the Calendar control to display a single month of a calendar on a Web page . This control allows you to select dates and move to the next or previous month. By Setting the SelectionMode property , You can select a single day , week, or month.
By Default , the control displays the days of the month , day headings for the of the week , a title with the name of the month , and arrow characters for navigating to the next and previous months. You can customize the appearance of calendar control by setting the properties that control the style for different parts of the control.

Example of Calendar Control

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
TextBox1.Text = "selected date is " + Calendar1.SelectedDate;
}

protected void Page_Load(object sender, EventArgs e)
{
Calendar1.SelectedDate = DateTime.Now;

}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar ID="Calendar1" runat="server" BackColor="#FF6600" BorderColor="#336600" BorderStyle="Solid" BorderWidth="2px" Caption="Select date and month" DayNameFormat="Full" OnSelectionChanged="Calendar1_SelectionChanged" ShowGridLines="True" Width="459px"></asp:Calendar>
<br />
<asp:TextBox ID="TextBox1" runat="server" Height="26px" Width="203px"></asp:TextBox>
<br />
</div>
</form>
</body>
</html>

Output

Here some initialized properties are:
Caption : Obtains or sets a text value that is rendered as a caption for the calendar control.
ShowGridLines : Obtains or sets a value indicating whether the heading for the days of the week is displayed.
DayNameFormat : Obtains or sets the name format for the days of the week .

September 02, 2013

Dynamically Enable or Disable ASP.NET Controls

If your controls are enable then you take some action onto the controls such as checked or unchecked CheckBox and If they are disable then you don't take some action onto the controls.
In previous example we saw checked property of checkbox control .

Example of Dynamically Enable or Disable ASP.NET Controls

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

protected void Button2_Click(object sender, EventArgs e)
{
Button1.Enabled = true;
CheckBox1.Enabled = true;
RadioButton1.Enabled = true;
TextBox1.Enabled = true;

}

protected void Button3_Click(object sender, EventArgs e)
{
Button1.Enabled = false;
CheckBox1.Enabled = false;
RadioButton1.Enabled = false;
TextBox1.Enabled = false;

}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button Control" />

<br />
<br />
<asp:CheckBox ID="CheckBox1" runat="server" Text="CheckBox Controls" />
<br />
<br />
<asp:TextBox ID="TextBox1" runat="server" Width="164px">TextBox Control</asp:TextBox>
<br />
<br />
<asp:RadioButton ID="RadioButton1" runat="server" Text="Radio Button Control" />
<br />
<br />
<br />
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Controls Enable" />
 
<asp:Button ID="Button3" runat="server" Text="Controls Disable" OnClick="Button3_Click" />

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

Output

September 02, 2013

How to use Checked property of CheckBox Control

Checked property is shows that your checkbox is either checked or not .Take a one example for showing image when your checkbox is checked. algorithm of the example are:
-->Drop one CheckBox control to Webpage
-->Set AutoPostBack property is true. Because when your CheckBox is checked then your page request send to the server . After server response your business logic event handler should executed.

Example of Showing Image when your CheckBox is checked.

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

protected void Page_Load(object sender, EventArgs e)
{

}

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
{
if (CheckBox1.Checked)
{
Image1.Visible = true;
}
else
{
Image1.Visible = false;
}

}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Checked Property</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" Text="Show Image" OnCheckedChanged="CheckBox1_CheckedChanged" />
<br />
<asp:Image ID="Image1" runat="server" Height="161px" ImageUrl="~/download.jpg" Visible="False" Width="175px" />
</div>
</form>
</body>
</html>

Output

How to use Checked property of CheckBox Control

Sunday, September 1, 2013

September 01, 2013

How to get Multiple selected listbox item in ASP.NET

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
{
foreach (ListItem li in ListBox1.Items)
{
if (li .Selected )
{
result.Text += li.Text + "<br/>";

}
}
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ListBox SelectionMode ="Multiple" ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged">
<asp:ListItem>Your first item</asp:ListItem>
<asp:ListItem>Your Second Item</asp:ListItem>
<asp:ListItem>Your Third item</asp:ListItem>
</asp:ListBox>
<br />
<br />
<asp:Label ID="result" runat="server" Text=""></asp:Label>
</div>
</form>
</body>
</html>

Output

How to get Multiple selected listbox item in ASP.NET

Projects

September 01, 2013

Online camera shopping cart project in ASP.NET

Introduction

Its a shopping cart project which is used over the network. Present time online shopping companies get benefits from online selling because they getting lots of money compare to manual marketing. The scene of the project is making online application which is used for online shopping. Basically this application is designed for camera only also its a demo application.

Application of the project

Gets some extra cash from online selling
Application is designed for Institutional purpose

Features of the project

Add new category and sub-category of the camera
User registration page
Online cashing
Searching facility
User session
Add to cart facility
Admin panel
Customer panel

Hardware and software requirements of the project

Visual studio 2010
SQL-SERVER 2008

How to run your project

Open your project in VS2010
Run your home page
First register into this site
After that click on any camera which you want to purchase
Add quantity and add item to the cart
In admin panel first check your admin password in server explorer
Add new camera detail after login into Admin panel

September 01, 2013

Silverlight Tutorial : Create Simple Silverlight Application

The easiest way to start Silverlight is to create an ordinary website with HTML pages and no server-side code . Here's how
1. Select File--> New-->Project in visual studio , choose the visual c# group of project types, and select the Silverlight Application template . As usual , you need to pick a project name and a location on your hard drive before clicking OK to create the project.

2. At this point , visual studio will prompt you to choose whether you want to create full -fledged ASP.NET website that can run server-side code along with your silverlight . In visual studio , uncheck the "Host the Silverlight application in a website" option to keep things simple.

uncheck the "Host the Silverlight application in a website

3. Click OK to continue and create the project.

Every Silverlight project start with a small set of essential files. All the files that end with the extension .xaml use a flexible markup standard called XAML. All the files that end with the extension .cs hold the C# source code that powers your application.

App.xaml and App.xaml.cs files configure your Silverlight application they allow you to resources that will be made available to all the pages in your application, and they allow you to react to application events such as startup, shutdown and error conditions.

MainPage.xaml files defines the user interface(the collection of controls, images, and text) that will be shown for your first page. Technically , Silverlight pages are user controls-custom classes that drive from UserControl. A Silverlight application can contain as many pages as you need - to add more , simply choose project-->Add new item, pick the silverlight User Control template.

Example of Create Simple "Hello World Application" in Silverlight

Output