Hour 1: Understanding 5 ASP.NET State management techniques in 5 hours

What are client-side state management techniques?

1. Cookies,
2. Query Strings (URL),
3. Hidden fields,
4. View State and Control state

What does client-side state management mean? When your user clicks on a URL or button or server-side control, the information goes from your page to the server and then back again to the user's web browser. How do you remember the information that is currently on the page. These are the techniques to save the information on the client side and not the server side.

What are server-side state management techniques?

1. Session State,
2. Application State,
3. Profiles
4. Caching

What does server-side state management mean? The server-side option for storing page information tends to have more security than client-side options, but they can use more web server resources, which may lead to scalability issues when the size of the information store is large.

What is important to keep in mind for choosing the right state management?

1. data need to be stored,
2. the length of time needed to store it,
3. the scope of data (whether it's limited to individual users or shared across multiple requests),
4. Additional security and performance considerations.

Note: Although it depends we will almost always use a combination of them in the same web application (and often the same page).

HOUR ONE View State

Points to remember.

1. View state is used natively by the ASP.NET web controls. It allows them to retain their properties between postbacks.
2. ViewState is a page's built-in property for storing our own custom data in view state collection
3. View State uses a dictionary collection
4. How to store.

   ViewState["Counter"] = 1;
   

5. How to retrieve.

   int counter;
   if (ViewState["Counter"] != null)
   {
       counter = (int)ViewState["Counter"];
   }
   

Scenario 1. Storing and Retrieving control data in View State

Step 1. We will create a customer input form, like below.

Step 2. On Sale: from here on, clicking save will save all the control's data into the view state.

protected void cmdSave_Click(object sender, EventArgs e)
{
    // Save the current text.
    SaveAllText(Page.Controls, true);       
}
private void SaveAllText(ControlCollection controls, bool saveNested)
{
    foreach (Control control in controls)
    {
        if (control is TextBox)
        {
            // Store the text using the unique control ID.
            ViewState[control.ID] = ((TextBox)control).Text;
            // Clear text from controls
            ((TextBox)control).Text = "";
        }

        if ((control.Controls != null) && saveNested)
        {
            SaveAllText(control.Controls, true);
        }
    }
}

Step 3. On Restore click, retrieve all data from the view state.

protected void cmdRestore_Click(object sender, EventArgs e)
{
    // Retrieve the last saved text.
    RestoreAllText(Page.Controls, true);
}

private void RestoreAllText(ControlCollection controls, bool saveNested)
{
    foreach (Control control in controls)
    {
        if (control is TextBox)
        {
            if (ViewState[control.ID] != null)
                ((TextBox)control).Text = (string)ViewState[control.ID];
        }

        if ((control.Controls != null) && saveNested)
        {
            RestoreAllText(control.Controls, true);
        }
    }
}

Scenario 2. Storing and Retrieving own created custom objects in View State

Point to remember

1. We can store our own object in a view state like numeric and string types.
2. ASP.NET converts these objects into a stream of bytes so that they can be added to hidden input fields on the page. This is called Serialization
3. To make our object serializable, we need to add a Serializable attribute before the class.

Step 1. Create a class with a Serializable attribute.

[Serializable]
public class User
{
    public string FirstName;
    public string LastName;

    public User(string firstName, string lastName)
    {
        FirstName = firstName;
        LastName = lastName;
    }
}

Step 2. After this, we can store information in the view state.

// Store a customer in view state.
User user = new User("Vishal", "Nayan");
ViewState["CurrentUser"] = user;

Step 3. When we want to retrieve, we will need to cast the object.

// Retrieve a customer from view state.
User user;
user = (User)ViewState["CurrentUser"];

Step 4. It's important and mandatory that all member variables of the class must use serializable data types. Any non-serializable data type must be decorated with the Non-serialized attribute (which means it is simply ignored during the serialization process).

Step 5. if the Serializable attribute isn't present, the object isn't serializable, and you won't be able to store it in a view state.

Why not use View State?

View state is ideal because it doesn't take up any memory on the server and doesn't restrict any arbitrary usage limits (such as a time-out).

1. Any important data should not be stored in a view state, because hackers can access and modify that information when the page is posted back.
2. If we need to share data with multiple pages, then a view state cannot be used.
3. When we need to store a large amount of data, avoid viewing the state

How to see view State value for the page?

Step 1. Enable trace to see the value.

<%@ Page Language="C#" Trace="true" AutoEventWireup="true" CodeFile="ViewState.aspx.cs" Inherits="ViewState" %>

How to secure View State?

Hashing. A hash code is a cryptographically strong checksum.

How it works?

When the page is posted back, ASP.NET recalculates the checksum and ensures that it

Matches: If a malicious user changes the view state data, ASP.NET will be able to detect the change,

and it will reject the postback.

Status: enabled by default

How to disable it.

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

OR

Change settings on the web. config.

<system.web>
    <pages enableViewStateMac="false" />
</system.web>

Encryption: prevent users from getting any view state information

Status: Auto by default.

How to enable it.

<system.web>
    <pages enableViewStateMac="false" />
</system.web>

This is the end of your first hour of reading; I hope you enjoyed it.

Click below to continue to the second hour of reading.

Cheers.