Brij Mohan

Silverlight 3 DataGrid Columns Grouping using PagedCollectionView

mohanbrij — Sat, 01 Aug 2009 11:43:34 GMT

In this post I am showing how to implement Column Grouping in SIlverlight 3 DataGrid,

Before starting make sure you have SIlverlight3_Tools installed in your system, not SIlverlight 3 Beta, as there are lost of changes in Grouping of Columns from SIlverlight 3 Beta to Silverlight 3 RTW.

You can follow the few simple steps below to get the Grouping for your Silverlight 3 DataGrid.

Else you can also download the code demonstrated from here.

1. Create an Silverlight Application using you Visual Studio 2008 IDE, and add a hosting web application in the project.

2. Once you have done with this, you will get an two projects in your Solution, you need to code only in your silverlight project.

3. Now add a C# class file called Person.cs in your Silverlight Project. This class is used to provide some sample data to Silverlight DataGrid, you can change this to your other datasources like SQL, XML, etc.

I have added the following lines of code in Person.cs

        1: public class Person

       2:     {

       3:         public string FirstName { get; set; }

       4:         public string LastName { get; set; }

       5:         public string City { get; set; }

       6:         public string Country { get; set; }

       7:         public int Age { get; set; }

       8:  

       9:         public List<Person> GetPersons()

        {

            List<Person> persons = new List<Person>

            {

                new Person

                { 

                    Age=32, 

                    City="Bangalore", 

                    Country="India", 

                    FirstName="Brij", 

                    LastName="Mohan"

                },

                new Person

                { 

                    Age=32, 

                    City="Bangalore", 

                    Country="India", 

                    FirstName="Arun", 

                    LastName="Dayal"

                },

                new Person

                { 

                    Age=38, 

                    City="Bangalore", 

                    Country="India", 

                    FirstName="Dave", 

                    LastName="Marchant"

                },

                new Person

                { 

                    Age=38,

                    City="Northampton",

                    Country="United Kingdom", 

                    FirstName="Henryk", 

                    LastName="S"

                },

                new Person

                { 

                    Age=40, 

                    City="Northampton", 

                    Country="United Kingdom", 

                    FirstName="Alton", 

                    LastName="B"

                },

                new Person

                { 

                    Age=28, 

                    City="Birmingham",

                    Country="United Kingdom",

                    FirstName="Anup", 

                    LastName="J"

                },

                new Person

                { 

                    Age=27,

                    City="Jamshedpur",

                    Country="India", 

                    FirstName="Sunita", 

                    LastName="Mohan"

                },

                new Person

                { 

                    Age=2, 

                    City="Bangalore", 

                    Country="India", 

                    FirstName="Shristi", 

                    LastName="Dayal"

                }

            };

  

            return persons;

        }

    }

4. Now since my data is ready, I will add the DataGrid control in my XAML page, to make the presentation more attractive, I have added few more lines of code.

5. I have also added a ComboBox Control to Select the Grouping Columns name.

My XAML code will look something like this below.

       1: <UserControl 

       2:     xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  

       3:     x:Class="Silverlight3DataGrid.MainPage"

       4:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

       5:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

       6:     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

       7:              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

       8:     mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

       9:     <Grid x:Name="LayoutRoot">

        <Grid.RowDefinitions>

            <RowDefinition Height="0.154*"/>

            <RowDefinition Height="0.483*"/>

            <RowDefinition Height="0.362*"/>

        </Grid.RowDefinitions>

  

        <StackPanel Orientation="Horizontal">

            <TextBlock Text="Select Sort Criteria" 

                       VerticalAlignment="Center" />

  

            <TextBlock Text="    " />

            

            <ComboBox Grid.Row="0" 

                      HorizontalAlignment="Left" 

                      Width="200" 

                      Height="30" x:Name="SortCombo" 

                      SelectionChanged="SortCombo_SelectionChanged">

                

                <ComboBoxItem Content="Country" ></ComboBoxItem>

                <ComboBoxItem Content="City" ></ComboBoxItem>

                <ComboBoxItem Content="Age" ></ComboBoxItem>

            </ComboBox>

        </StackPanel>

        

        <data:DataGrid x:Name="PersonGrid" Grid.Row="1"></data:DataGrid>

  

    </Grid>

</UserControl>

6. Now as my Data and Presentation is ready, its time for me to write some lines of code to Retrieve my sample data, group them into columns and then Bind it to the Grid.

Please find below the rest of the Code which demonstrates how I have Grouped the Columns using PagedCollectionView and PropertyGroupDescription.

       1: public partial class MainPage : UserControl

       2:     {

       3:         PagedCollectionView collection;

       4:  

       5:         public MainPage()

       6:         {

       7:             InitializeComponent();

       8:             BindGrid();

       9:         }

  

        private void BindGrid()

        {

            Person person = new Person();

            PersonGrid.ItemsSource = null;

            List<Person> persons = person.GetPersons();

            collection = new PagedCollectionView(persons);

            collection.GroupDescriptions.Add(new 

                PropertyGroupDescription("Country"));

  

            PersonGrid.ItemsSource = collection;

        }

  

        private void SortCombo_SelectionChanged(object sender, 

            SelectionChangedEventArgs e)

        {

            ComboBoxItem person = SortCombo.SelectedItem as ComboBoxItem;

            collection.GroupDescriptions.Clear();

            collection.GroupDescriptions.Add(new 

                PropertyGroupDescription(person.Content.ToString()));

  

            PersonGrid.ItemsSource = null;

            PersonGrid.ItemsSource = collection;

        }

    }

Yes its that simple, and its done. I know I have not given much description here, because nothing much to explain here. In the code above I am loading the Grid with my sample data coming from my Person class and default grouping the Person with Country.

Later on SortCombo_SelectionChanged, I am dynamically fetching the Selected column names from the ComboBox and Sorting on that.

Once you will run this application the screen will look something like this as given below.

Grouped by Country

Grouped by City

Grouped by Age

You can group according to your requirement, like Grouping Active and Deleted items, etc.

You can also download the sample code from here.

Cheers

~Brij

FREE Cheat Sheets for Developers(Quick Reference Card)

mohanbrij — Sun, 26 Jul 2009 15:47:00 GMT

Hi All, here is the link for the great library of cheat sheets, I assure you that after looking into this collection you will be amazed....these Cheat Sheets are...

Written by bestselling authors and leading experts
Reliable information on major developer topics
Filled with useful tips and source code examples
PDF looks great on-screen or printed from your printer

To name a few...

Design Patterns
Silverlight 2, I am eagerly waiting for Silverlight 3, I know its too early...
C#
Core .NET
Core ASP.NET
Scrum
Windows PowerShell

These are just few of my interest, but you can always register and logon to download lot more of your interest too...from the link below.

http://refcardz.dzone.com/

Sharing source code between .NET and Silverlight

mohanbrij — Thu, 23 Jul 2009 08:14:53 GMT

A common problem when developing Silverlight applications is how to share classes and in particular (Entity Framework) entities which are compiled for the full .NET framework in a Silverlight application. Silverlight is a browser plugin and a platform independent subset of the full .NET framework. Therefore Visual Studio does not allow referencing .NET assemblies from your Silverlight application.

Fortunately there is a very simple technique to share and reuse source code. Full details of which you can find in the link below

http://www.scip.be/index.php?Page=ArticlesNET28&Lang=EN

In this article Stefan Cruysberghs demonstrated this technique with several real world examples and I will give you some handy tips.

This linked has helped me, as I have SOA, where WCF Services, DataContracts, ServiceContracts are shared between my ASP.NET , WPF and Silverlight application.

Migration from Silverlight 2.0 to Silverlight 3

mohanbrij — Mon, 20 Jul 2009 11:20:00 GMT

As currently I am working on Migration from Silverlight 2.0 to Silverlight 3, so I thought to share or bookmark few of the important links which I am going through.

Find below the links

http://msdn.microsoft.com/en-us/library/cc645049(VS.95).aspx

Silverlight 3 Released! What is new/changed?

The following list encompasses all changes made between the Silverlight Toolkit March 2009 release and the Silverlight Toolkit July 2009 release.

Silverlight Toolkit July 2009 Changes

The following list encompasses all change made between the Silverlight Toolkit December 2008 release and the Silverlight Toolkit March 2009 release.

Silverlight Toolkit March 2009 change list.

In the process of upgrade there are few more challenges I am going to face

Upgrade of my WCF Services to implement Silverlight 3 Validation controls, as my DataContract is residing in Service Layer, and I am using WSSF to generate the WCF DataContract, ServiceContract, etc. As all the DataCOntracts are AutoGenerated so implementing the Validation in Silverlight will be bit tricky.

Since I am still in the process of upgrade, so if you too have some good links which will help me to upgrade my Services as I mentioned above then please do share here.

Thanks

Brij Mohan

Silverlight Presentation on 17th July 2009

mohanbrij — Mon, 20 Jul 2009 07:03:06 GMT

1 Layouts Presentation.zip

2 Introducing_Silverlight_2.zip

3 Introductionto Silverlight 3.zip

4 Silverlight Control Lifecycle.zip

These are the Slides of the Silverlight Presentation which I had given on 17th July 2009, other useful links where you can download the examples and Installers are given below.

WHAT’S NEW IN SILVERLIGHT 3?

Download Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1

This download will install the following:

Silverlight 3 developer runtime
Silverlight 3 software development kit
KB967143 for Visual Studio 2008 SP1
and/or
KB967144 for Visual Web Developer 2008 Express with SP1
Silverlight 3 Tools for Visual Studio 2008 SP1
and/or
Silverlight 3 Tools for Visual Web Developer 2008 Express with SP1

The Official Site of Silverlight | Microsoft Silverlight

Microsoft Expression Blend 3

Silverlight Community

Microsoft Silverlight 3 Offline Documentation

And for all other things,

http://www.silverlight.net

And for those who are mostly involved in Silverlight Designing

http://www.kirupa.com/blend_silverlight/index.htm

http://expression.microsoft.com/en-us/cc184874.aspx

There are few basic concepts which I have used in my Presentation like Automatic Properties, Object Initializers, LINQ, etc you can find almost all these in Scott’s Blog

Thanks

~Brij

Silverlight 2.0 DataGrid Demo Application with Formatting of Data

mohanbrij — Tue, 28 Apr 2009 10:33:14 GMT

In this post I am going to show you the basic example of Creating the Page with DataBound Silverlight 2.0 DataGrid, and also I will show you how to format the Data Using IValueConverter in DataGrid dynamically.

Create a new project and Select Silverlight Application.

Name your application and select Ok, select the options as given in the screen below.

Once you select Ok, your solution should look something similar to the one given in the screen below.

Select the DataGrid from the ToolBox and Drag and Drop it on you page, you can also go and Add the DataGrid manually in you XAML code, but if you are doing so then you may also have to add the reference to the assembly and define the custom tag to use for your DataGrid. This is done automatically when you do the Drag and Drop of the control.

Now if you are aware of the Silverlight Layouts then you can format your page and position your DataGrid in more better way as given in the Code below, in the code below I am defining the Rows and Adding the Header for the Page and in the next row I am placing my DataGrid.

Page.xaml

        1: <UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="DataGridDemo.Page"

       2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

       3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

       4:     xmlns:conv="clr-namespace:DataGridDemo"

       5:     Width="600" Height="300">

       6:     

       7:     <Grid x:Name="LayoutRoot" Background="White" HorizontalAlignment="Center">

       8:         <Grid.RowDefinitions>

       9:             <RowDefinition Height="50"/>

      10:             <RowDefinition Height="*"/>

      11:         </Grid.RowDefinitions>

      12:         <TextBlock Text="List of Player and their details" FontSize="20" Grid.Row="0"></TextBlock>

      13:         <data:DataGrid x:Name="GridPlayer" Grid.Row="1">

      14:             

      15:         </data:DataGrid>

      16:     </Grid>

      17: </UserControl>

Now my next task is to create the sample Data to bind the DataGrid, if you already have some data source then you can your that only, or you can use the one as given in the code below. I am creating the Player.cs and PlayerCollection.cs class, which will have to List of Players. Then in GetDemoData in Player.cs I am populating the demo data.

Player.cs

       1: using System;

       2: using System.Net;

       3: using System.Windows;

       4: using System.Windows.Controls;

       5: using System.Windows.Documents;

       6: using System.Windows.Ink;

       7: using System.Windows.Input;

       8: using System.Windows.Media;

       9: using System.Windows.Media.Animation;

using System.Windows.Shapes;

  

namespace DataGridDemo

{

    public class Player

    {

        public string FirstName { get; set; }

        public string LastName { get; set; }

        public string SkillSet { get; set; }

        public DateTime DOB { get; set; }

  

        public static PlayerCollection GetDemoPlayers()

        {

            PlayerCollection players = new PlayerCollection 

            {

                new Player 

                { 

                    FirstName = "Brij", 

                    LastName = "Mohan", 

                    SkillSet = "Rugby",

                    DOB=Convert.ToDateTime("08/31/1977")

                }, 

                new Player

                {

                    FirstName="David", 

                    LastName="Osborne", 

                    SkillSet="Cricket",

                    DOB=Convert.ToDateTime("01/11/1976")

                },

                new Player

                {

                    FirstName="Henry", 

                    LastName="Smith", 

                    SkillSet="Chess",

                    DOB=Convert.ToDateTime("11/10/1981")

                }

            };

  

            return players;

        }

    }

  

}

PlayerCollection.cs

       1: using System;

       2: using System.Net;

       3: using System.Windows;

       4: using System.Windows.Controls;

       5: using System.Windows.Documents;

       6: using System.Windows.Ink;

       7: using System.Windows.Input;

       8: using System.Windows.Media;

       9: using System.Windows.Media.Animation;

      10: using System.Windows.Shapes;

      11: using System.Collections.Generic;

      12:  

      13: namespace DataGridDemo

      14: {

      15:     public class PlayerCollection: List<Player>

      16:     {

      17:  

      18:     }

      19: }

Now I have all the data ready to bind the Silverlight DataGrid, so I will modify my Page.xaml.cs as the one given below. In the code below I am just binding the Silverlight DataGrid using the ItemSource property of the DataGrid.

Page.xaml.cs

       1: using System;

       2: using System.Collections.Generic;

       3: using System.Linq;

       4: using System.Net;

       5: using System.Windows;

       6: using System.Windows.Controls;

       7: using System.Windows.Documents;

       8: using System.Windows.Input;

       9: using System.Windows.Media;

      10: using System.Windows.Media.Animation;

      11: using System.Windows.Shapes;

      12:  

      13: namespace DataGridDemo

      14: {

      15:     public partial class Page : UserControl

      16:     {

      17:         public Page()

      18:         {

      19:             InitializeComponent();

      20:             BindDataGrid();

      21:         }

      22:         private void BindDataGrid()

      23:         { 

      24:             GridPlayer.ItemsSource = Player.GetDemoPlayers();

      25:         }

      26:     }

      27: }

Now you can run the application and can see the output.

Now one thing you can notice in the screen below, i.e the DOB column, the dates are not coming what we are expecting and also the column name is also not very Readable, so we need to define the ColumnTemplates and add few more codes to customize our data and have more control on the Desing.

To format the DOB column, first I have Created the class, I named it here in my project as DateConverter.cs, and also added the reference to System.Windows.Data

Now all we need to derive the Class from IValueConverter Interface and implement the interface, like the one given below

DateConverter.cs

       1: using System;

       2: using System.Net;

       3: using System.Windows;

       4: using System.Windows.Controls;

       5: using System.Windows.Documents;

       6: using System.Windows.Ink;

       7: using System.Windows.Input;

       8: using System.Windows.Media;

       9: using System.Windows.Media.Animation;

using System.Windows.Shapes;

using System.Windows.Data;

using System.Globalization;

  

namespace DataGridDemo

{

    public class DateConverter : IValueConverter

    {

  

        #region IValueConverter Members

  

        /// <summary>

        /// Converts values on their way to the UI for display

        /// </summary>

        /// <param name="value">The value to be formatted</param>

        /// <param name="targetType">The target type of the conversion</param>

        /// <param name="parameter">A format string to be used in the 

        /// formatting of the value</param>

        /// <param name="culture">The culture to use for formatting</param>

        /// <returns>The converted or formatted object</returns>

        public object Convert(object value, Type targetType, object parameter, 

            System.Globalization.CultureInfo culture)

        {

            if (parameter != null)

            {

                string formatterString = parameter.ToString();

                if (!string.IsNullOrEmpty(formatterString))

                {

                    return string.Format(culture, formatterString, value);

                }

            }

            return value.ToString();

        }

  

        /// <summary>

        /// Converts values on their way back from the UI to the backend.

        /// </summary>

        /// <param name="value">The value to be formatted</param>

        /// <param name="targetType">The target type of the conversion</param>

        /// <param name="parameter">A format string to be used in the 

        /// formatting of the value</param>

        /// <param name="culture">The culture to use for formatting</param>

        /// <returns>The converted or formatted object</returns>

        public object ConvertBack(object value, Type targetType, object parameter, 

            System.Globalization.CultureInfo culture)

        {

            return System.Convert.ToDateTime(value, CultureInfo.CurrentUICulture);

        }

  

        #endregion

    }

}

Next you need to Use template and set the following property in your DataGrid

       1: AutoGenerateColumns="False"

Run the application now, you will not see anything in your default.aspx, because we have set the AutoGenerateColumns as False, so we have to write few bits of code to define our own Column Template for the DataGrid, I personally would prefer using the DataGrid.Column Template, as this gives me more control over the data and the design.

Add the following code inside your DataGrid

       1: <data:DataGrid.Columns>

       2:                 <!--First Name-->

       3:                 <data:DataGridTemplateColumn Header="First Name">

       4:                     <data:DataGridTemplateColumn.CellTemplate>

       5:                         <DataTemplate>

       6:                             <TextBlock Text="{Binding FirstName, Mode=TwoWay}"/>

       7:                         </DataTemplate>

       8:                     </data:DataGridTemplateColumn.CellTemplate>

       9:                 </data:DataGridTemplateColumn>

                <!--End First Name-->

                <!--Last Name-->

                <data:DataGridTemplateColumn Header="Last Name">

                    <data:DataGridTemplateColumn.CellTemplate>

                        <DataTemplate>

                            <TextBlock Text="{Binding LastName, Mode=TwoWay}"/>

                        </DataTemplate>

                    </data:DataGridTemplateColumn.CellTemplate>

                </data:DataGridTemplateColumn>

                <!--End Last Name-->

                <!--SkillSet-->

                <data:DataGridTemplateColumn Header="Skill Set">

                    <data:DataGridTemplateColumn.CellTemplate>

                        <DataTemplate>

                            <TextBlock Text="{Binding SkillSet, Mode=TwoWay}"/>

                        </DataTemplate>

                    </data:DataGridTemplateColumn.CellTemplate>

                </data:DataGridTemplateColumn>

                <!--End SkillSet-->

                <!--DOB-->

                <data:DataGridTemplateColumn Header="Date of Birth">

                    <data:DataGridTemplateColumn.CellTemplate>

                        <DataTemplate>

                            <TextBlock Text="{Binding DOB, Mode=TwoWay}"/>

                        </DataTemplate>

                    </data:DataGridTemplateColumn.CellTemplate>

                </data:DataGridTemplateColumn>

                <!--End DOB-->

            </data:DataGrid.Columns>

Run the application.

You can see the same output, except the Header text of DOB, you had when you had the AutoGenerateColumns=True,

Now I am going to show how you can use your DateConverter.cs class to format your DateTime, to do so

First you need to import the class which we are going to use to format the DateTime, and also we have to define the tag, this can be done by adding the following code in your UserControl Tag

       1: xmlns:conv="clr-namespace:DataGridDemo"

The completed UserControl Tag will look something like this as given below

       1: <UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="DataGridDemo.Page"

       2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

       3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

       4:     xmlns:conv="clr-namespace:DataGridDemo"

       5:     Width="600" Height="300">

Now add the following code in your XAML code just above your LayoutRoot Grid Layout

       1: <UserControl.Resources>

       2:         <conv:DateConverter x:Key="FormatConverter" />

       3: </UserControl.Resources>

Now you have all the required classes and tag defined for your DateConverter.cs, we have to specify the Column in which we are going to apply this format, as currently we are formatting the DateTime, so we have to apply this for our DOB column, by modifying the following code, as given below

       1: <TextBlock Text="{Binding DOB, Mode=TwoWay, Converter={StaticResource FormatConverter}, 

       2: ConverterParameter=\{0:D\}}"/>

Now run your application you will get the following output

In the screen above you can notice the Date of Birth date format,

So these are the very basic example I had given here to use the Silverlight 2.0 DataGrid and format the data in the Silverlight 2.0 DataGrid.

You can be more creative and can design the whole new look itself and can get the more control on the data using Silverlight 2.0 DataGrid control.

You can download the source code of the complete solution from here

Fixing Intellisense in Silverlight XAML Code

mohanbrij — Tue, 28 Apr 2009 06:54:58 GMT

For those who are facing the problems of intellisense not working for XAML files, please follow the steps below to fix that.

1. Uninstall the Silverlight using the control panel snap in as given in the screenshot below.

2. Download and Install the Silverlight Tools by clicking on the following location

http://www.microsoft.com/downloads/details.aspx?FamilyID=c22d6a7b-546f-4407-8ef6-d60c8ee221ed&displaylang=en

3. If you have installed Silverlight DataGrid 2008 Update, then re-installing the Silverlight Tools will delete all your files from your C:\Program Files\Microsoft SDKs\Silverlight\v2.0\Libraries\Client , so you will loose the DataGrid December 2008 update. So you will need to fix this again, details of which you can find in the below given link.

http://silverlight.net/forums/p/59990/176470.aspx

FYI: This usually happens when Silverlight Toolkit is installed before the Visual Studio 2008 IDE, Usually when we install Silverlight Toolkit, it installs the patch for Visual Studio 2008 IDE which enables intellisense. But in absence of VS2008 IDE, Silverlight Toolkit skips this patch.

This patch for intellisense will get installed only when it detects VS2008 IDE already installed in our Systems.

I hope this helps.

Cheers

~Brij

My Crush List of 2009

mohanbrij — Tue, 28 Apr 2009 06:50:26 GMT

These are few things which currently I am working on and some technologies which I want to learn in coming months to master these technologies I need your help,

So please post some good tutorials and articles on any of the following topics, if you have any.

1. Silverlight 2.0/3.0

2. Microsoft .NET 2008/2010 and Framework 3.5 SP1/4.0

3. Model View Presenter and Model View Controller Architecture

4. WCF, WSSF incuding Creating custom templates for Implementation Technologies, etc

5. Visual Studio SDK

6. Visual Studio Database Projects (SQl Server 2008 and SQL Server 2005)

7. SQL Server 2008 new Features (Auditing, Change Data Capture and Change Data Tracking)

There are some links which already I am following is given below:

Automatic properties and Object initializers
http://weblogs.asp.net/scottgu/archive/2007/03/08/new-c-orcas-language-features-automatic-properties-object-initializers-and-collection-initializers.aspx

LINQ Tutorials
http://weblogs.asp.net/scottgu/archive/2006/05/14/446412.aspx

Lambda Expression
http://weblogs.asp.net/scottgu/archive/2007/04/08/new-orcas-language-feature-lambda-expressions.aspx

WSSF Home page
http://www.codeplex.com/servicefactory

WSSF Hands on Lab
http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=servicefactory&ReleaseId=7846

Thanks
Brij Mohan

CSS Browser Selector

mohanbrij — Thu, 04 Dec 2008 17:45:55 GMT

While designing the webpage we often struggle to maintain the consistency of our site across different browsers. To achieve this we use different browser hacks. But again that ends up with making our programming more complicated.

In this post I am going to give you the link of a JavaScript using which you just need to know basics of CSS.

CSS Browser Selector is a very small JavaScript with just one line and less than 1kb which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser.

This can work for the following Browsers

Internet Explorer (All versions)
Mozilla, Firefox (all versions), Camino
Opera (All versions)
Konqueror
Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome

I think we have almost covered all the browsers right, if I am missing any let me know.

Instead of writing everything again here, and making this post lengthy I will suggest you to visit this site to download the JavaScript code and instructions on how to use this from here.

Versioning ASP.NET 2.0 WebSite Assembly / Web Deployment Project

mohanbrij — Sat, 29 Nov 2008 06:24:04 GMT

The web project model changed in number of ways from Visual Studio 2003 to Visual Studio 2005, But one major part which is missing is the ability to version the assembly using AssemblyInfo.cs file.

This is because the model of VS 2005 dynamically creates multiple assemblies for each class file. Resulting in which we cannot have single named assembly to set version number.

We cannot change the default behaviour of compilation but we can change the way we can deploy our project files and assemblies, by using Web Deployment Project.

Microsoft Web Deployment Project adds numerous features which nicely integrates with Visual Studio 2005, out of which the most useful I found is:

More control over number of assemblies generated by a pre-complied web application as well as control over the naming of the output assemblies. Which means you can generate either single assembly for you entire project, and select the name and version you want for e.g Foo.dll, etc or generate the assemblies per directory/ pages or control.

The ability to customize and modify the web.config file during deployment, that means you need not to change you web.config file every time before making release or deploying the project, instead you can specify the web.config keys on Web Deployment project, that you use for deployment, like this you can customize any other web.config settings also.

These are the few things which I named here, if you want more information on how to install, and use this you can visit the Scott's Blog from the below link:

http://weblogs.asp.net/scottgu/archive/2005/11/06/429723.aspx

Or you can Download the VS 2005 Web Deployment Project from

WebDeploymentSetup.msi

Other Useful Links which may help you to further explore this subject

http://msdn.microsoft.com/en-us/library/aa479568.aspx

Web Deployment Projects Forum

I hope this will help you, if you have something to share on this topic, then please leave a comment.

Thanks

~Brij

Installing Sharepoint Services 3.0 on Windows Vista OS

mohanbrij — Sat, 22 Nov 2008 07:56:37 GMT

Just few days back I started exploring Sharepoint Technologies, and started thinking where to start. The biggest setback for me was I cannot run Sharepoint Services on my windows Vista System because Sharepoint Services can only be installed on Windows Server Family of Operating System. But now I cannot go back and repartition my System and install Sharepoint, I also tried using Windows Virtual Machine, but Windows Server 2003 was not working properly on my Windows Virtual Machine.

So now I am left with only two option either repartition the whole harddisk and install dual boot OS or Find some way to run windows sharepoint services on my windows vista. So I started googling and finally I found a jackpot where I can install sharepoint on Windows Vista. First I thought its one more bluff, but thought to give a try, and it worked, and now I am using Windows Sharepoint Services on my Windows Vista Ultimate OS.

Just follow the link below which will guide you step by step process how to do that.

http://community.bamboosolutions.com/blogs/bambooteamblog/archive/2008/05/21/how-to-install-windows-sharepoint-services-3-0-sp1-on-vista-x64-x86.aspx

To download the setup helper file you can either download from the above link or you can download from here directly.

Cheers

~Brij

LINQ to XML and LINQ to Objects Basic Sample

mohanbrij — Sat, 22 Nov 2008 07:31:07 GMT

In this post I will show how to use LINQ to XML and LINQ to Objects, very basic example with sample code.

First I have created a XML file which contains the Customer Details, as given below

<?xml version="1.0" encoding="utf-8" ?>
<customers>
    <customer>
        <customerid>ALFKI</customerid>
        <city>Berlin</city>
        <age>20</age>
    </customer>
    <customer>
        <customerid>BONAP</customerid>
        <city>Marseille</city>
        <age>21</age>
    </customer>
    <customer>
        <customerid>CONSH</customerid>
        <city>London</city>
        <age>30</age>
    </customer>
    <customer>
        <customerid>EASTC</customerid>
        <city>London</city>
        <age>34</age>
    </customer>
    <customer>
        <customerid>FRANS</customerid>
        <city>Torino</city>
        <age>35</age>
    </customer>
    <customer>
        <customerid>LONEP</customerid>
        <city>Portland</city>
        <age>40</age>
    </customer>
    <customer>
        <customerid>NORTS</customerid>
        <city>London</city>
        <age>25</age>
    </customer>
    <customer>
        <customerid>THEBI</customerid>
        <city>Portland</city>
        <age>36</age>
    </customer>
</customers>

I have also created a class with the same properties which I have given in the XML document above, and populating the same data,

public class Customer
{

public string CustomerID { get; set; }

public string City { get; set; }

public int Age { get; set; }

public static IEnumerable<Customer> CreateCustomers()
{
   return new List<Customer>
   {
      new Customer { CustomerID = "ALFKI", City = "Berlin", Age=20   },
      new Customer { CustomerID = "BONAP", City = "Marseille" , Age=21},
      new Customer { CustomerID = "CONSH", City = "London", Age=30    },
      new Customer { CustomerID = "EASTC", City = "London", Age=34    },
      new Customer { CustomerID = "FRANS", City = "Torino", Age=35    },
      new Customer { CustomerID = "LONEP", City = "Portland", Age=40  },
      new Customer { CustomerID = "NORTS", City = "London" , Age=25   },
      new Customer { CustomerID = "THEBI", City = "Portland", Age=26  }    
   };
 }

Now I have got the Object ready to query using LINQ with the Same data which I have in my XML Document.

Note above how I'm using the new "Automatic Properties and Object Initializers" feature of C# to define the properties (and avoid having to define a field for them and initialize the Objects). And In all the functions below I am reading the XML Document, using XDocument Class within System.Xml.Linq namespace to open and query document.

First I have to populate the DropDownList in the UI, to display all the Cities, I am reading the Cities from the object alternatively you can also read the same from XML document, both will return the same result. This DropDown will allow the users to select the customers located in the selected City.

public static List<Customer> GetCities()
{
     var customers = from customer in Customer.CreateCustomers()
                     orderby customer.City
                     select new Customer { City = customer.City };
     return customers.ToList();
}

I have also added one more DropDown to let the user to select the DataSource (XML or Object), once both the selection is made, users can click on Get Customers to Get the Customer details. Depending on the DataSource and City, the function below will return the List of Customers wither from XML or the Object.

public static List<Customer> GetCustomerFromXML(string city)
{
    XDocument xmlDoc = XDocument.Load(HttpContext.Current.Server.MapPath("CustomerXML.xml"));
    var customers = from customer in xmlDoc.Descendants("customer")
                    where customer.Element("city").Value == city
                    select new Customer
                    {
                        CustomerID = customer.Element("customerid").Value,
                        City = customer.Element("city").Value,
                        Age = Convert.ToInt32(customer.Element("age").Value)
                    };
    return customers.ToList();
}

Similarly I am writing the function below to read the object, and returning the List<Customer> which we can bind directly to the GridView.

public static List<Customer> GetCustomersFromObject(string city)
{
     var customers = from customer in Customer.CreateCustomers()
                     where customer.City == city
                     select new Customer
                     {
                         CustomerID = customer.CustomerID,
                         City = customer.City,
                         Age = customer.Age
                     };
     return customers.ToList();
 }

Note: In the functions above the only trick I've made to the LINQ to XML query is to use the "select new Customer" instead of only "select" clause from "select new" (with no type-name). With this trick I'm returning a sequence of Customer objects that I can pass from class to class, assembly to assembly, and across web-services.

In the code behind of ASPX Page first I have populated the Cities DropDown to List all the cities on Page_Load, then OnClick of the Get Customers I have written the code to Get the City, and the DataSource from the DropDownList and Call the appropriate method depending on the DataSource.

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        //get all the cities
        ddlCity.DataSource = Customer.GetCities();
        ddlCity.DataTextField = "city";
        ddlCity.DataValueField = "city";
        ddlCity.DataBind();
    }
}

protected void btnGetCustomers_Click(object sender, EventArgs e)
{
    //binding the Customer from Object
    if (ddlSource.SelectedValue == "Object")
    {
        gvCustomerDetails.Visible = true;
        lblMessage.Text = "Displaying data from Object";
        gvCustomerDetails.DataSource = Customer.GetCustomersFromObject(ddlCity.Text);
        gvCustomerDetails.DataBind();
    }
    //binding the Customer from XML
    else if (ddlSource.SelectedValue == "XML")
    {
        gvCustomerDetails.Visible = true;
        lblMessage.Text = "Displaying data from XML";
        gvCustomerDetails.DataSource = Customer.GetCustomerFromXML(ddlCity.Text);
        gvCustomerDetails.DataBind();
    }
    else
    {
        gvCustomerDetails.Visible = false;
        lblMessage.Text = "Please select the Data Source";
    }
}

Below is my ASPX code which is very much self explanatory, so I have not given much explanation for that, this just for the control name reference.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <h3>
        LINQ to Object and LINQ to XML Demo</h3>
    <div>
        <table>
            <tr>
                <td>
                    <label for="source" id="lblSource">
                        Data Source :</label>
                </td>
                <td>
                    <asp:DropDownList ID="ddlSource" runat="server">
                        <asp:ListItem Text="Select Source" Value="0" Selected="True"></asp:ListItem>
                        <asp:ListItem Text="XML" Value="XML"></asp:ListItem>
                        <asp:ListItem Text="Object" Value="Object"></asp:ListItem>
                    </asp:DropDownList>
                </td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <label for="empid" id="lblEmp">
                        Select City :</label>
                </td>
                <td>
                    <asp:DropDownList runat="server" ID="ddlCity"></asp:DropDownList>
                </td>
                <td><asp:Button runat="server" ID="btnGetCustomers" Text="Get Customers" 
                        onclick="btnGetCustomers_Click" /></td>
            </tr>
        </table>
        <br />
        <asp:Label runat="server" ID="lblMessage"></asp:Label>
        <br />
        <asp:GridView ID="gvCustomerDetails" runat="server">
        </asp:GridView>
    </div>
    </form>
</body>
</html>

You can download the sample code from here.

You can refer my previous posts, to see the Example of LINQ To SQL.

For more knowledge you can refer the post below.

http://weblogs.asp.net/scottgu/archive/2007/08/07/using-linq-to-xml-and-how-to-build-a-custom-rss-feed-reader-with-it.aspx

http://www.c-sharpcorner.com/UploadFile/scottlysle/L2OinCS05242008233051PM/L2OinCS.aspx

TwoSelect User Control, Moving Items between ListBox Controls - Part 2

mohanbrij — Sun, 26 Oct 2008 12:26:18 GMT

As I promised in this post I am showing you how to implement TwoSelect Control, which I created in my Previous Post

You can download the Complete Source with implementation from here

In this post to get the Available Users and Added Users I am fetching from DataBase using LINQ to SQL, but you can also use either sql or Stored Procedure as per your convenience.

So the first step in Consuming this control in our code is by Creating the Tables, whose structure will look something like this

In the User Table I have stored all the User Information, in Group Table I have stored all the Group Details and in UserGroup Table I have related the User and Groups.

In the current project I have not given any screen to enter the User Details or Group Details, as this was out of scope of the current topics, so you can insert the User and Group directly in the Database Tables.

Secondly, Now coming to .NET Code, first I have created a LINQ to SQL and named this as UserGroupData.dbml, and added all the three tables into the designer.

After this I have added the Class to Handle the Data from LINQ to SQL and pass the data to Presentation Layer.

In the below given code snippet I am Retriving all the User who is already present in the Group, this function accepts the groupId as input parameter and return IDataReader to the Presentation Layer, so that we can pass the DataReader directly to the DataSourceAdded Property of the TwoSelect Control and Bind the Data to the Added Users ListBox.

Code Snippet


1:   /// <summary>
2:          /// Gets the group user.
3:          /// </summary>
4:          /// <param name="groupId">The group id.</param>
5:          /// <returns>IDataReader</returns>
6:          public IDataReader GetGroupUser(int groupId)
7:   {
8:   UserGroupDataDataContext data = new UserGroupDataDataContext();
9:   var user = from Grp in data.Groups
10:   join UsrGrp in data.UserGroups on Grp.GroupId equals UsrGrp.GroupId
11:   join Usr in data.Users on UsrGrp.UserId equals Usr.UserId
12:   where Grp.GroupId == groupId
13:   orderby Usr.UserId
14:   select new
15:                         {
16:   UserName = Usr.UserName,
17:   GroupName = Grp.GroupName,
18:   UserId = Usr.UserId
19:   };
20:   IDbCommand command = data.GetCommand(user);
21:   command.Connection = data.Connection;
22:   if(command.Connection.State == ConnectionState.Closed)
23:   command.Connection.Open();
24:   IDataReader reader = command.ExecuteReader(CommandBehavior.CloseConnection);
25:   return reader;
26:   }

In the below given code snippet I am Retriving all the User who not present in the Group, this function accepts the groupId as input parameter and return IDataReader to the Presentation Layer, so that we can pass the DataReader directly to the DataSourceAvailable Property of the TwoSelect Control and Bind the Data to the Available Users ListBox.

Code Snippet


1:   /// <summary>
2:          /// Users not in the selected group.
3:          /// </summary>
4:          /// <param name="groupId">The group id.</param>
5:          /// <returns>IDataReader</returns>
6:          public IDataReader UserNotInGroup(int groupId)
7:   {
8:   UserGroupDataDataContext data = new UserGroupDataDataContext();
9:   var user = from Grp in data.Groups
10:   join UsrGrp in data.UserGroups on Grp.GroupId equals UsrGrp.GroupId
11:   join Usr in data.Users on UsrGrp.UserId equals Usr.UserId
12:   where Grp.GroupId != groupId
13:   orderby Usr.UserId
14:   select new
15:                         {
16:   UserName = Usr.UserName,
17:   GroupName = Grp.GroupName,
18:   UserId = Usr.UserId
19:   };
20:   IDbCommand command = data.GetCommand(user);
21:   command.Connection = data.Connection;
22:   if(command.Connection.State == ConnectionState.Closed)
23:   command.Connection.Open();
24:   IDataReader reader = command.ExecuteReader(CommandBehavior.CloseConnection);
25:   return reader;
26:   }

The function below will get all the Group names and Bind the Group DropDown, to display all the Groups so that we can select the Groups whose user I want to manage.

Code Snippet


1:   /// <summary>
2:          /// Gets all group.
3:          /// </summary>
4:          /// <returns>IDataReader</returns>
5:          public IDataReader GetAllGroup()
6:   {
7:   UserGroupDataDataContext data = new UserGroupDataDataContext();
8:   var groups = from Grp in data.Groups 
9:   orderby Grp.GroupName 
10:   select new 
11:   { 
12:   GroupId = Grp.GroupId, 
13:   GroupName = Grp.GroupName 
14:   };
15:   IDbCommand command = data.GetCommand(groups);
16:   command.Connection = data.Connection;
17:   if (command.Connection.State == ConnectionState.Closed)
18:   command.Connection.Open();
19:   IDataReader reader = command.ExecuteReader(CommandBehavior.CloseConnection);

20:   return reader;
21:   }

This function will update the DataBase once we have selected the Users in a particular Group.

Code Snippet


1:   /// <summary>
2:          /// Saves the group user.
3:          /// </summary>
4:          /// <param name="group">The group.</param>
5:          public void SaveGroupUser(List<UserGroup> usrGroup)
6:   {
7:   UserGroupDataDataContext data = new UserGroupDataDataContext();

8:   //first delete all the existing user data from User Group
9:              foreach (UserGroup match in usrGroup)
10:   {
11:   var deleteUserGroup = from userGroups in data.UserGroups
12:   where userGroups.UserId == match.UserId
13:   select userGroups;
14:   foreach (var userGroup in deleteUserGroup)
15:   data.UserGroups.DeleteOnSubmit(userGroup);

16:   data.SubmitChanges();
17:   }

18:   //MISSING : Logic to implement Save new Data related to User and Group
19:             
20:   }

The same things you can do without using the LINQ to SQL either by writing the Stored Procedure or using the SQL Queries.

I am giving below the sample stored procedure which can replace the function GetGroupUser and GetUserNoInGroup

GetGroupUser

   1:  SET ANSI_NULLS ON

   2:  GO

   3:  SET QUOTED_IDENTIFIER ON

   4:  GO

   5:  CREATE PROCEDURE [dbo].[GetGroupUser]

6:

   7:      (

   8:      @GroupId int

   9:      )

10:

  11:  AS

  12:      SET NOCOUNT ON

13:

  14:      SELECT

  15:          Usr.UserName,

  16:          Grp.GroupName,

  17:          Usr.UserId

  18:      From

  19:          GROUPS Grp

  20:      INNER JOIN

  21:          UserGroup UsrGrp

  22:      ON

  23:          Grp.GroupId = UsrGrp.GroupId

  24:      INNER JOIN USERS Usr ON

  25:          UsrGrp.UserId = Usr.UserId

  26:      WHERE

  27:          Grp.GroupId=@GroupId

  28:      ORDER BY Usr.UserId

29:

  30:      RETURN

GetUserNotInGroup

   1:  SET ANSI_NULLS ON

   2:  GO

   3:  SET QUOTED_IDENTIFIER ON

   4:  GO

   5:  ALTER PROCEDURE [dbo].[UserNotInGroup]

6:

   7:      (

   8:      @GroupId int

   9:      )

10:

  11:  AS

  12:      SET NOCOUNT ON

  13:      SELECT

  14:          Usr.UserName,

  15:          Usr.UserId,

  16:          Grp.GroupName

  17:      From

  18:          GROUPS Grp

  19:      INNER JOIN

  20:          UserGroup UsrGrp

  21:      ON

  22:          Grp.GroupId = UsrGrp.GroupId

  23:      INNER JOIN USERS Usr ON

  24:          UsrGrp.UserId = Usr.UserId

  25:      WHERE

  26:          Grp.GroupId!=@GroupId

  27:      ORDER BY Usr.UserId

28:

  29:      RETURN

Third, I have included the UserControl in my Project, and added in Default.asp page simply by Drag and Drop.

Also I have added one DropDown Control to get the List of all the Groups and Added a Save Button to Save the Changes back to the database.

After designing the Page will look something similar to this

Now in Code Behind I tried to implement only the logic which is related to the TwoSelect User controls,

Code Snippet


1:   public partial class _Default : System.Web.UI.Page
2:      {
3:   UserData data = new UserData();

4:   private int GetGroupId
5:   {
6:   get { return Convert.ToInt32(ddlGroup.SelectedValue); }
7:   }
8:   /// <summary>
9:          /// Handles the Load event of the Page control.
10:          /// </summary>
11:          /// <param name="sender">The source of the event.</param>
12:          /// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
13:          protected void Page_Load(object sender, EventArgs e)
14:   {
15:   if (!IsPostBack)
16:   {
17:   ddlGroup.DataSource = data.GetAllGroup();
18:   ddlGroup.DataTextField = "GroupName";
19:   ddlGroup.DataValueField = "GroupId";
20:   ddlGroup.DataBind();
21:   ListItem item = new ListItem();
22:   item.Text = "Please Select";
23:   item.Value = "0";
24:   ddlGroup.Items.Insert(0,item);
25:   }
26:   }

27:   protected void ddlGroup_SelectedIndexChanged(object sender, EventArgs e)
28:   {
29:   //Bind the User Control Available List Box
30:              uclTwoSelect.DataSourceAvailable = data.GetGroupUser(this.GetGroupId);
31:   uclTwoSelect.DataTextFieldAvailable = "UserName";
32:   uclTwoSelect.DataValueFieldAvailable = "UserId";

33:   //Bind the User Control User Already Added List Box
34:              uclTwoSelect.DataSourceAdded = data.UserNotInGroup(this.GetGroupId);
35:   uclTwoSelect.DataTextFieldAdded = "UserName";
36:   uclTwoSelect.DataValueFieldAdded = "UserId";

37:   uclTwoSelect.BindControl();
38:   }

39:   /// <summary>
40:          /// Saves the User associated with the Groups.
41:          /// </summary>
42:          /// <param name="sender">The source of the event.</param>
43:          /// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
44:          protected void btnSave_Click(object sender, EventArgs e)
45:   {
46:   UserGroup user = new UserGroup();
47:   List<UserGroup> group = new List<UserGroup>();
48:   ListItemCollection userGroup = uclTwoSelect.AddedItems;
49:   foreach (ListItem item in userGroup)
50:   {
51:   user.GroupId = Convert.ToInt32(ddlGroup.SelectedValue);
52:   user.UserId = Convert.ToInt32(item.Value);

53:   group.Add(user);
54:   }

55:   data.SaveGroupUser(group);
56:   }
57:   }

You can see in the code above I am binding the DropDown List of the Group and on SelectedIndexChanged even of the DropDown I am Binding the twoSelect Controls Data, with the DataSourceAvailable and DataSourceAdded Properties.

This is just the one of the implementation you can download the Control and its implementation code from here and Enhance the Control.

References

http://www.west-wind.com/WebLog/posts/141435.aspx

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listbox.aspx

http://msdn.microsoft.com/en-us/library/fb3w5b53(VS.85).aspx

Thanks

Brij Mohan

TwoSelect User Control, Moving Items between ListBox Controls - Part 1

mohanbrij — Sun, 26 Oct 2008 10:48:19 GMT

This post will show you how to create TwoSelect User control, basically this control can be used in the scenario where you want to add Users to selected Group. Left side of the ListBox will contain the users which is not present in the group and right side of the ListBox contains the list of users already present in the group.

I have created this as a very Generic control which can be used in other scenarios other then this also. You can customize the Display Text, button captions, some behaviours of the ListBox of this Control.

Also you need to provide the DataSource for the ListBoxes as IDataReader.

This control is built in Visual Studio 2008 with Framework 3.5 sp1, but this can be used in Visual Studio 2005 or Framework 2.0 also.

Following are the list of properties which are exposed in this control with their Types

   1:  public ListItemCollection AddedItems

2:

   3:  public ListItemCollection AvailableItems

4:

   5:  public string AvailableItemText

6:

   7:  public string AddedItemsText

8:

   9:  public string AddAllItemsButtonText

10:

  11:  public string AddSelectedItemsButtonText

12:

  13:  public string RemoveSelectedItemButtonText

14:

  15:  public string RemoveAllItemsButtonText

16:

  17:  public ListSelectionMode AvailableListSelectionMode

18:

  19:  public ListSelectionMode AddedItemsListSelectionMode

20:

  21:  public IDataReader  DataSourceAvailable

22:

  23:  public IDataReader DataSourceAdded

24:

  25:  public string DataTextFieldAvailable

26:

  27:  public string DataValueFieldAvailable

28:

  29:  public string DataTextFieldAdded

30:

  31:  public string DataValueFieldAdded

On click of the 'Add' Button, I am adding the items in the ArrayList and then from ArrayList I am moving from Available Items List Box to Added Items ListBox.

Add OnClick


1:  /// <summary>
2:  /// Add all the selected items from the Available Items to the Added Items
3:  /// </summary>
4:  /// <param name="sender">The source of the event.</param>
5:  /// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
6:  protected void btnAdd_Click(object sender, EventArgs e)
7:   {
8:   if (lstAvailable.SelectedIndex >= 0)
9:   {
10:   for (int i = 0; i < lstAvailable.Items.Count; i++)
11:   {
12:   if (lstAvailable.Items[i].Selected)
13:   {
14:   if (!arlList.Contains(lstAvailable.Items[i]))
15:   arlList.Add(lstAvailable.Items[i]);
16:   }
17:   }
18:   for (int i = 0; i < arlList.Count; i++)
19:   {
20:   if (!lstAdded.Items.Contains((ListItem)arlList[i]))
21:   lstAdded.Items.Add((ListItem)arlList[i]);
22:   lstAvailable.Items.Remove((ListItem)arlList[i]);
23:   }
24:   }
25:   }

On Click of 'Add All' I am first adding all the items from Available Items to Added Items ListBox, and then clearing all the items from the Available Items ListBox

Code Snippet


1:   /// <summary>
2:   /// Add all the items from the Available items to the Added Items
3:   /// </summary>
4:   /// <param name="sender">The source of the event.</param>
5:   /// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
6:   protected void btnAddAll_Click(object sender, EventArgs e)
7:   {
8:   foreach (ListItem list in lstAvailable.Items)
9:   {
10:   lstAdded.Items.Add(list);
11:   }
12:   lstAvailable.Items.Clear();
13:   }

On click of the 'Remove' Button, I am adding the items in the ArrayList and then from ArrayList I am moving from Added Items List Box back to Available Items ListBox.

Code Snippet


1:   /// <summary>
2:   /// Moves the Selected items from the Added items to the Available items
3:  /// </summary>
4:  /// <param name="sender">The source of the event.</param>
5:  /// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
6:  protected void btnRemove_Click(object sender, EventArgs e)
7:   {
8:   if (lstAdded.SelectedIndex >= 0)
9:   {
10:   for (int i = 0; i < lstAdded.Items.Count; i++)
11:   {
12:   if (lstAdded.Items[i].Selected)
13:   {
14:   if (!arlList.Contains(lstAdded.Items[i]))
15:   arlList.Add(lstAdded.Items[i]);
16:   }
17:   }
18:   for (int i = 0; i < arlList.Count; i++)
19:   {
20:   if (!lstAvailable.Items.Contains((ListItem)arlList[i]))
21:   lstAvailable.Items.Add((ListItem)arlList[i]);
22:   lstAdded.Items.Remove((ListItem)arlList[i]);
23:   }
24:   }
25:   }

On Click of 'Remove All' I am first adding all the items from Added Items List Box to Available Items ListBox, and then clearing all the items from the Added Items ListBox.

Code Snippet


1:   /// <summary>
2:   /// Moves all the items from the Added items to the Available items
3:   /// </summary>
4:   /// <param name="sender">The source of the event.</param>
5:   /// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
6:   protected void btnRemoveAll_Click(object sender, EventArgs e)
7:   {
8:   foreach (ListItem list in lstAdded.Items)
9:   {
10:   lstAvailable.Items.Add(list);
11:   }
12:   lstAdded.Items.Clear();
13:   }

In ASPX code I am adding just basic look and feel which will look like the one which is given in the screen shot at the beginning of the Post, but you can extend this control to customize the look and feel.

In this Post, I have given the source code of the Control only, in my next Post I will give the sample implementation of this control, using ASP.NET and LINQ.

You can download the Source Code (C#) and Help File from here.

Any Comments, Suggestion or Corrections Welcome,

Thanks

Brij Mohan

C# Coding Standards by Lance's

mohanbrij — Fri, 10 Oct 2008 09:07:00 GMT

Following the right Coding standars comes with Practice and proper Guidance if you are a starter, and also lots of companies define or customize their own coding standards.

When I came across this challange to define the coding standard for my team, I thought instead of reinventing the wheel and recollecting everything from my experience, better if I get something which is already defined and documented. So I started googling and came across a very good document which covers almost all the aspects of C# Coding standards which I was looking for. This Document covers the following topics*

Cover all major C# Language features.

Provide guidelines on coding style & language usage (but not syntax)

Demonstrate all rules in code where applicable.

Describe rules in structure that is easy to read & use.

Define clear & concise rules.

Use consistent terminology & rule patterns.

Only provide rules where there is a clear cut best practice.

Lead developers to a "pit of success" and avoid common "pits of failure"

You can download the PDF from here http://weblogs.asp.net/lhunt/attachment/591275.ashx

Original Post you can find here : http://weblogs.asp.net/lhunt/pages/CSharp-Coding-Standards-document.aspx

Thanks

~Brij

* All the Copyrights in this Post are the property of the Respective Owner.