ASP.NET

How do I know if a request is an ajax request made by Infragistics control?

[Infragistics] Murtaza Abdeali — Thu, 09 Apr 2009 15:10:30 GMT

One of the common scenarios page developers run into is to make sure only the code necessary to serve up a particular request is executed during a page cycle. When using the ASP.NET AJAX controls built on top of our Aikido framework, you can easily filter calls made by these controls within your code behind by checking the following flag.

Infragistics.Web.UI.Framework.AppSettings.IsAjaxPostBack

This flag was added in 2009 Volume 1, so you have to be using the same volume or higher to be able to use it.

How do I setup WebDataGrid paging when there are a lots of pages?

[Infragistics] Tony Lombardo — Sun, 01 Mar 2009 00:51:14 GMT

QuickPages is a method of paging which will give links to a limited number of pages before and after the current page index. Below is an example of the Paging behavior which is setup to display 3 quick pages along with a "First" and "Last" quick link. This setup provides the best user experience for paged records which return more than 8 pages of data.

<ig:Paging PagerAppearance="Both" PagerMode="NumericFirstLast" 
    QuickPages="3" PageSize="20" 
    FirstPageText="First" LastPageText="Last" >
</ig:Paging>

How do I set Application Styling settings through the Web.Config?

[Infragistics] Tony Lombardo — Sat, 28 Feb 2009 16:19:32 GMT

You can use the AppStyling Visual Studio Add-in which is available from the Tools menu in Visual Studio.

Alternatively, you can manually add the settings into your web.config as seen below.

<configSections>
  <section name="infragistics.web" type="System.Configuration.SingleTagSectionHandler,System, Version=1.0.3300.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" />
</configSections>
<infragistics.web styleSetName="Office2007Silver" styleSetPath="~/ig_res" enableAppStyling="true" />

How do I dynamically change Application Style settings at runtime?

[Infragistics] Tony Lombardo — Sat, 28 Feb 2009 16:16:43 GMT

In Visual Basic:

Private Sub Page_Load(ByVal sender As System.Object, _
  ByVal e As System.EventArgs) Handles MyBase.Load
	Dim settings As AppStylingManager = AppStylingManager.Settings
	settings.StyleSetName = "Office2007Black"
End Sub

In C#:

private void Page_Load(object sender, System.EventArgs e)
{
	AppStylingManager settings = AppStylingManager.Settings;
	settings.StyleSetName = "Office2007Black";
}

How do I bind the WebDataGrid to my business objects?

[Infragistics] Tony Lombardo — Sat, 28 Feb 2009 16:13:50 GMT

The WebDataGrid can bind to a variety of objects, including an IList which is what we'll use in the example below.

protected void Page_Load(object sender, EventArgs e) 
{ 
    //Assign the DataSource property 
    this.WebDataGrid1.DataSource = this.Customers; 
    //Call DataBind 
    this.WebDataGrid1.DataBind(); 
} 
    //Get a list of customers 
public List<Customer> Customers 
{ 
    get 
    { 
        //For this example, just create a new list and add one item to it 
        //This is where you would return your List of customers which would 
        //ordinarily be cached or saved as a private member 
        List<Customer> _Customers= new List<Customer>();
        _Customers.Add(new Customer(0, "Tony")); 
        return _Customers; 
    } 
} 

//The Customer class 
public class Customer 
{ 
    public Customer(int id, string name) 
    { 
        this.ID = id; this.Name = name; 
    } 
    
    //Use Auto Generated Properties for convenience 
    
    public string Name {get;set; } 
    
    public int ID { get; set; } 
}

How do I add a control to the WebDialogWindow through code?

[Infragistics] Tony Lombardo — Sat, 28 Feb 2009 16:01:08 GMT

You can add controls dynamically to the WebDialogWindow by adding to the ContentPane.Controls collection.

//Create a textbox
TextBox tb = new TextBox();
tb.ID = "tb1";
tb.Text = "text";

//Add the textbox to the DialogWindow's ContentPane Control's collection
this.WebDialogWindow1.ContentPane.Controls.Add(tb);

How to Get a reference to a control through JavaScript

[Infragistics] Tony Lombardo — Sat, 28 Feb 2009 15:57:38 GMT

The following code can be used to get a reference to an Infragistics control through JavaScript. Note ClientID should be used, this value can be retrieved through the "ClientID" property of the control. Here's a simple example, where "webdatagrid" is the ClientID of the target control.

function pageLoad() 
{ 
	//Call $find with the ClientID of the target control 
	var control = $find("webdatagrid"); 
}

The code above works fine, but is rigid since you're hard coding a ClientID (something that can easily change in the future). A slight modification will create a dynamic approach that will save you headaches in the future.

function pageLoad() 
{ 
	//A slight modification can be made to avoid hard-coding the ClientID 
	var control = $find('<%= WebDataGrid1.ClientID %>'); 
}

Placing the code above in your ASPX page will set the Javascript variable "control" to a client-side reference of the control "WebDataGrid1". The <%= %> is a server-side code block (or scriptlet) which when evaluated will emit the result as a string into the HTML output.

I recommend using this modified "dynamic" method over the static one above it. Incase you ever change your control containership, you won't have a hard-coded ID that would require manual updating.

How can I combine all script files for the WebDataGrid into a single script?

[Infragistics] Tony Lombardo — Sat, 28 Feb 2009 15:37:37 GMT

This Snippet explains how to enable Script Combining. For more details on why to use Script Combining, read Understanding Script Combining.

Note: for this to work, you must change the Version number in the Assembly attribute to match the version you're using.

<asp:ScriptManager ID="sm" runat="server">
    <CompositeScript>
        <Scripts>
            <asp:ScriptReference Name="MicrosoftAjax.js" />
            <asp:ScriptReference Name="MicrosoftAjaxWebForms.js" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.0_igControlMain.js" Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.2_igCollections.js" Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.3_igUIBehaviors.js" Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.4_igEnums.js" Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.5_igObjects.js" Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.7_igClientStateManager.js"
                Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.8_igCallback.js" Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.Scripts.9_igPropertyManagers.js" Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.GridControls.WebDataGrid.js.igWebDataGridBase.js"
                Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.GridControls.WebDataGrid.js.igWebDataGrid.js"
                Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.GridControls.WebDataGrid.js.igWebDataGridPaging.js"
                Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.GridControls.WebDataGrid.js.igWebDataGridActivation.js"
                Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
            <asp:ScriptReference Name="Infragistics.Web.UI.GridControls.WebDataGrid.js.igWebDataGridSorting.js"
                Assembly="Infragistics35.Web.v8.3, Version=8.3.20083.169, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" />
        </Scripts>
    </CompositeScript>
</asp:ScriptManager>