This is a migrated thread and some comments may be shown as answers.

How to implement AJAX on these pages - sample project attached

3 Answers 92 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Nirav asked on 05 Mar 2012, 09:48 PM

Hi,
I am using Visual Studio 2008 and Telerik Controls Version 2009.3.1103.20.

I am developing ASP.Net Website.

I have so many different WebPages and I want to implement AJAX on my page so that I can display rotating image during postback when system is processing something.

I tried code from Telerik Demo, tried using "telerik:RadAjaxPanel" and also tried to add ajaxsettings using "telerik:RadAjaxManager" but somehow I always ended up having javascript errors on some controls. So finally I thought to post my question here for help.

I have different webpages where in my main page has about 5 different ASP Panels, inside each panel I have some controls, buttons and grids and I make panels visible-enable as per functionality. I also have some controls outside panel. I have RadTabStrip, RadWindowManager, RadToolBar etc controls also on same page. I have master page. Now simply I want to ajaxify each postback.
I mean when any button inside panel is clicked, I want to display progressing image till it finishes execusion and refreshes that panel or page. In most of the scenario, I have to refresh the same panel but in some cases, I have to refresh other panels also and some controls outside panel also.

I am PASTING html for 3 of my sample UI. Can you please help me what is the best way to implement this on these pages?

In the attached sample HTML, I removed all of my events and other source code and just putting my basic UI design with minimum fields.

My purpose is to know hot to implement AJAX on these pages.
Please provide me working setting for AJAX on these pages as I have already tried so many different options.

I will just ask some basic things to achieve in this project. Once I know how to do, I will figure out rest.

I HAVE SAMPLE PROJECT BUT DONT KNOW HOW TO UPLOAD IT HERE. SO I AM PASTING ONE OF MY PAGE CODE HERE. IF THERE IS ANY WAY TO UPLOAD .ZIP FILE WITH NEW THREAD, PLEASE DO LET ME KNOW AND I WILL UPLOAD MY SAMPLE PROJECT.

I am writing all of my questions.

Can you help me with these items? -->
1. is it possible to display loadingpanel image for whole page and its ok to refresh whole page if we can display loading image during postback
2. is it possible to display loadingpanel image for current tab?
3. in general, for grid, whenever any paging number is clicked, it should display loadingpanel for grid
4. SCRequestNew.aspx
          --> When ever any button inside grid is clicked, it should display loadingpanel for that panel and should refresh only that current panel inside which that grid is.
          --> for "ddlDepartment", its posting back upon selection, during its postback, its current panel should display loadingpanel image.
          --> for "ddlPurchaseCategory", when its posting back, its panel should display loading image and all the controls inside that panel should be refreshed, and one more readonly textbox "txtTotal1"
          --> when "btnAddProduct_Click" is fired by button inside grid, it should refresh its current panel and also other two textboxes  "txtTotal1" and "txtTotal2"
          --> when "btnSave2_Click" is fired, it should refresh its current panel and "txtTotal1"
          --> when "btnSave3_Click" is fired, it should refresh "pnlFinancialConsiderations" OR "RadPageView3"

Thanks in advance,
Nirav

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<asp:ContentPlaceHolder id="head" runat="server">

</asp:ContentPlaceHolder>

<script language="javascript" type="text/javascript" src="CommonFiles/Common.js">

</script>

<link rel="stylesheet" type="text/css" href="CommonFiles/StyleSheet1.css" />

</head>

<body onkeydown="return DisableEnterKey();">

<form id="form1" runat="server">

<div>

<telerik:RadAjaxManager runat="server" ID="RadManager1" ></telerik:RadAjaxManager>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" ScriptMode="Release" />

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

<table width="100%" cellspacing="0" cellpadding="0" >

<tr>

<td colspan="100%">

<telerik:RadMenu ID="RadMenu1" runat="server" Skin="Black" Width="100%" >

<CollapseAnimation Duration="200" Type="OutQuint" />

<Items>

<telerik:RadMenuItem runat="server" Text="Manage Your Spending Request(s)" NavigateUrl="SCRequestNew.aspx" >

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</td>

</tr>

</table>

<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</body>

</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SCRequestNew.aspx.cs" MasterPageFile="~/MasterPage.master"

Title="Spending Commitment Request" Inherits="SCRequestNew" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<asp:Content ID="ContentPlaceHolder2" ContentPlaceHolderID="ContentPlaceHolder1"

runat="server">

<script type="text/javascript" language="javascript">

</script>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true"

Skin="WebBlue" VisibleStatusbar="false">

<Windows>

<telerik:RadWindow ID="RejectionReasonDialog" runat="server" Title="Describe Reason and Reject Request"

Height="250px" Width="400px" ReloadOnShow="true" ShowContentDuringLoad="false"

Behaviors="Close" Modal="true" />

</Windows>

</telerik:RadWindowManager>

<input type="hidden" id="hiddenSubTotal" value="0" />

<asp:HiddenField runat="server" ID="hiddenFinanceConsiderations_If_Amount_Greater_Than"

Value="0" />

<input type="hidden" id="hiddenCompleted" runat="server" />

<br />

<table align="center" width="95%" border="1" cellpadding="0" cellspacing="0">

<tr>

<td>

<table align="center" width="100%">

<tr>

<td>

<telerik:RadToolBar ID="RadToolBar1" runat="server" Style="z-index: 90001" Width="100%"

Skin="WebBlue" OnButtonClick="RadToolBar1_ButtonClick">

<Items>

<telerik:RadToolBarButton ImageUrl="Images/Request_New.gif" Text="New Request" CheckOnClick="true"

AllowSelfUnCheck="false" Value="0" ToolTip="Create New Request" CommandName="new" />

<telerik:RadToolBarButton IsSeparator="true" />

<telerik:RadToolBarButton ImageUrl="Images/Request_List.gif" Text="Existing Requests"

Value="2" CheckOnClick="true" AllowSelfUnCheck="false" ToolTip="Overview of existing purchase requests"

CommandName="overview" />

<telerik:RadToolBarButton IsSeparator="true" />

<telerik:RadToolBarButton ImageUrl="Images/Request_Edit.gif" Text="Updating Request"

Value="4" CheckOnClick="true" AllowSelfUnCheck="false" ToolTip="Updating existing purchase request"

CommandName="edit" />

</Items>

</telerik:RadToolBar>

</td>

</tr>

</table>

<table align="center" width="90%">

<tr>

<td>

<asp:Label runat="server" ID="lblMessage" ForeColor="Red" Font-Bold="true"></asp:Label>

</td>

</tr>

</table>

<table align="center" width="90%">

<tr>

<td>

<asp:Panel runat="server" ID="pnlNewRequest" CssClass="panelStyle">

<table width="95%">

<tr>

<td align="left">

<asp:Label runat="server" Font-Bold="true" ID="lblDisplayRequestNo" Text="Request No.:"></asp:Label>

<asp:TextBox ID="txtRequestInfoID" runat="server" BorderStyle="Solid" Width="150px"

CssClass="DisplayAsReadOnly"></asp:TextBox>

<%--<asp:Label runat="server" ID="lblRequestInfoID" Visible="false"></asp:Label>--%>

<asp:Label runat="server" ID="lblRequestInfo_CreatedBy_UserID" Style="display: none;

visibility: hidden"></asp:Label>

</td>

<td align="center">

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnApproveRequestWithView" Text="Approve"

Width="150px" ToolTip="Click Here to Approve Request" CausesValidation="False"

OnClick="btnApproveRequest_Click" OnClientClick=

"javascript:var agree= confirm('Are you sure you want to approve this Request? '); if(agree){ Page_BlockSubmit = false;buttonClicked_WithObj(this); return true; };else {return false;};"

/>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnRejectRequestWithView" Text="Reject"

Width="150px" ToolTip="Click Here to Reject Request" CausesValidation="false" />

</td>

<td align="right">

<asp:Label runat="server" Font-Bold="true" ID="lblDisplayTotalCost" Text="Total Cost:"></asp:Label>

<asp:Label runat="server" Font-Bold="true" ID="lblCurrencyName" Text=""></asp:Label>

<asp:TextBox ID="txtTotal2" runat="server" BorderStyle="Solid" Width="150px" CssClass="DisplayAsReadOnly"></asp:TextBox>

</td>

</tr>

</table>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" MultiPageID="RadMultiPage1"

Skin="WebBlue" Width="1050px">

<Tabs>

<telerik:RadTab Text="General Information" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab"

PageViewID="RadPageView1">

</telerik:RadTab>

<telerik:RadTab Text="Product Information" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab"

PageViewID="RadPageView2">

</telerik:RadTab>

<telerik:RadTab Text="Financial & Operational Considerations" SelectedCssClass="SelectedTab"

PageViewID="RadPageView3" DisabledCssClass="DisabledTab">

</telerik:RadTab>

<telerik:RadTab Text="Upload Files" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab"

PageViewID="RadPageView4">

</telerik:RadTab>

<telerik:RadTab Text="Financial Use Only" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab"

PageViewID="RadPageView5">

</telerik:RadTab>

<telerik:RadTab Text="Submit Request" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab"

PageViewID="RadPageView6">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" class="RadMultipageStyle">

<telerik:RadPageView ID="RadPageView1" runat="server">

<br />

<table border="1" cellspacing="0" width="100%" cellpadding="3">

<tr id="trNoteForNewRequest" style="display: none;">

<td colspan="2">

<asp:Label runat="server" ID="lblNoteForNewRequest" Font-Bold="true" Text="Please fill out and save General Information first to enable all other tabs and to move next."

CssClass="DisplayRedFont"></asp:Label>

</td>

</tr>

<tr>

<td valign="top" align="right">

Suggested Vendor:<asp:Label ID="label1" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td valign="top">

<telerik:RadComboBox ID="ddlVendorName" runat="server" Width="600px" Height="140px"

AllowCustomText="true" MarkFirstMatch="true" ToolTip="Type vendor name to search OR Enter new vendor name"

EmptyMessage="Type vendor name to search OR Enter new vendor name" Skin="WebBlue">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator12" Display="Static" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="ddlVendorName" ErrorMessage="Enter Vendor"

ToolTip="Enter Suggested Vendor">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td valign="top" align="right">

Department:<asp:Label ID="label6" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td valign="top" align="left">

<asp:DropDownList runat="server" ID="ddlDepartment" ToolTip="Select Department" AutoPostBack="true"

CausesValidation="false" ValidationGroup="none" onchange="javascript:Page_BlockSubmit = false;buttonClicked_WithObj(this);"

OnSelectedIndexChanged="ddlDepartment_SelectedIndexChanged">

</asp:DropDownList>

<asp:RequiredFieldValidator ID="RequiredFieldValidator11" Display="Static" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="ddlDepartment" ErrorMessage="Select Department"

ToolTip="Select Department">

</asp:RequiredFieldValidator>

<asp:Label runat="server" ID="lblRegion" Text="Region"></asp:Label><asp:Label ID="lblRequiredRegion"

runat="server" Text="*" ToolTip="This is a required field" ForeColor="Red"></asp:Label>

<asp:DropDownList runat="server" ID="ddlRegion" ToolTip="Select Region">

</asp:DropDownList>

<asp:RequiredFieldValidator ID="rvRegion" Display="Static" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="ddlRegion" ErrorMessage="***"

ToolTip="Select Region">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td valign="top" align="right">

Is this a recurring purchase?

<asp:Label ID="label9" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td valign="top" align="left">

<asp:RadioButtonList runat="server" RepeatLayout="Flow" ID="rblIsRecurringPurchase"

ToolTip="Select One Option" Width="100px" onclick="DisplayRecurringPurchase();"

RepeatDirection="Horizontal">

<asp:ListItem Text="Yes" Value="1"></asp:ListItem>

<asp:ListItem Text="No" Value="2"></asp:ListItem>

</asp:RadioButtonList>

<asp:RequiredFieldValidator ID="rfvIsRecurringPurchase" Display="Dynamic" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="rblIsRecurringPurchase"

ErrorMessage="Select One Option" ToolTip="Select One Option">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td valign="top" align="right">

If recurring, when was last purchase made?<asp:Label ID="lblRecurringPurchaseComments"

runat="server" Text="*" ToolTip="This is a required field" ForeColor="Red"></asp:Label>

</td>

<td valign="top" align="left">

<asp:TextBox ID="txtRecurringPurchaseComments" Width="300px" runat="server" ToolTip="If this is recurring purchase, please provide information about when was last purchase made"

MaxLength="150"></asp:TextBox>

<asp:RequiredFieldValidator ID="rfvRecurringPurchaseComments" Display="Static" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="txtRecurringPurchaseComments"

ErrorMessage="Enter Comments" ToolTip="Enter Comments">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td valign="top" align="right">

Business Justification:

<asp:Label ID="label4" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td valign="top" align="left">

<asp:TextBox Width="600px" ID="txtBusinessJustification" TextMode="MultiLine" runat="server"

ToolTip="Enter business justification for requesting this purchase"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator7" Display="Static" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="txtBusinessJustification"

ErrorMessage="Enter Business Justification" ToolTip="Enter Business Justification">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td colspan="2" valign="top">

Has this requested purchase already been committed to with the vendor?

<asp:Label ID="label11" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

<asp:RadioButtonList runat="server" ID="rblAlreadyCommitted" name="rblAlreadyCommitted"

ToolTip="Select One Option" RepeatLayout="Flow" onclick="DisplayQuestions();"

RepeatDirection="Horizontal">

<asp:ListItem Text="Yes" Value="1"></asp:ListItem>

<asp:ListItem Text="No" Value="2"></asp:ListItem>

</asp:RadioButtonList>

<asp:RequiredFieldValidator ID="RequiredFieldValidator10" Display="Dynamic" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="rblAlreadyCommitted"

ErrorMessage="Select if already committed" ToolTip="Select if already committed">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr id="trQuestions" style="display: none;">

<td colspan="2" valign="top">

<table style="vertical-align: top; width: 980px;">

<tr>

<td>

A. Policy is that a fully authorized spending request be completed before you commit

to a purchase on behalf of . Please explain why you committed to this requested

purchase without authorized approval?

<asp:Label ID="lblRequiredAlreadyCommittedAnswer1" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

<asp:TextBox ID="txtAlreadyCommittedAnswer1" Width="300px" MaxLength="150"

ToolTip="Enter your comments about why you committed this purchase to the vendor"

runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="rvQuestion1" Display="Static" ValidationGroup="ValidationGroup1"

runat="server" SetFocusOnError="true" ControlToValidate="txtAlreadyCommittedAnswer1"

ErrorMessage="Enter your comments" ToolTip="Enter your comments">

</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td valign="top" align="center">

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnSave1" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup1'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save" ValidationGroup="ValidationGroup1" ToolTip="Click here to save" CausesValidation="true"

OnClick="btnSave1_Click" />

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnMoveNext1" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup1'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save and Move Next" ValidationGroup="ValidationGroup1" ToolTip="Click here to save"

CausesValidation="true" OnClick="btnMoveNext1_Click" />

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

<br />

<table>

<tr>

<td>

<asp:Panel runat="server" ID="pnlProductDetails">

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr valign="top">

<td valign="top" align="right" style="width: 200px;">

Purchase Category:

<asp:Label ID="label8" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td valign="top" align="left">

<asp:DropDownList runat="server" ID="ddlPurchaseCategory" ToolTip="Select Purchase Category"

AutoPostBack="true" Width="300px" CausesValidation="false" ValidationGroup="none"

onchange="javascript:Page_BlockSubmit = false;buttonClicked_WithObj(this);" OnSelectedIndexChanged="ddlPurchaseCategory_SelectedIndexChanged">

</asp:DropDownList>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" Display="Dynamic" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="ddlPurchaseCategory"

ErrorMessage="Select Purchase Category" ToolTip="Select Purchase Category">

</asp:RequiredFieldValidator>

<asp:Label runat="server" ID="lblPurchaseCategory" Text="Enter Purchase Category"></asp:Label>

<asp:Label ID="lblRequiredPurchaseCategory" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

<asp:TextBox Width="180px" ID="txtPurchaseCategory" ToolTip="Enter specific purchase category"

MaxLength="150" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="rfvPurchaseCategory" Display="Static" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="txtPurchaseCategory"

ErrorMessage="Enter Purchase Category" ToolTip="Enter Purchase Category">

</asp:RequiredFieldValidator>

</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td>

<hr />

</td>

</tr>

<tr>

<td>

<asp:Label runat="server" ID="lblEnterProducts" Text="Enter Product(s):" Font-Bold="true"></asp:Label>

<br />

<%--TODO: need to change this height and width to be auto--%>

<div class="Scrollgrid" style="width: 1030px; height: 350px;">

<telerik:RadGrid ID="RadGridDetails" runat="server" AllowPaging="false" AllowSorting="true"

AutoGenerateColumns="False" BorderStyle="None" GridLines="Both" OnNeedDataSource="RadGridDetails_needdatasource"

Skin="WebBlue" OnItemCreated="RadGridDetails_ItemCreated" OnItemDataBound="RadGridDetails_ItemDataBound"

AllowMultiRowSelection="true" SelectedItemStyle-CssClass="SelectedItem" ShowFooter="true">

<PagerStyle Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom" AlwaysVisible="true" />

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView ShowHeadersWhenNoRecords="true">

<Columns>

<telerik:GridBoundColumn DataField="RequestInfoProductDetailID" HeaderText="RequestInfoProductDetailID"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Product Name" SortExpression="ProductName"

UniqueName="ProductName">

<ItemTemplate>

<asp:TextBox Width="180px" ID="txtProductName" runat="server" MaxLength="50" Text='<%# Bind("ProductName") %>'

ToolTip="Enter ProductName"></asp:TextBox>

<asp:RequiredFieldValidator ID="rv10" Display="Dynamic" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="txtProductName" ErrorMessage="Enter Product Name"

ToolTip="Enter Product Name">

</asp:RequiredFieldValidator>

</ItemTemplate>

<FooterTemplate>

<asp:TextBox Width="180px" ID="txtEnterProductName" runat="server" MaxLength="50"

ToolTip="Enter ProductName" ValidationGroup="vgaddnewproduct"></asp:TextBox>

<asp:RequiredFieldValidator ID="rv11" Display="Dynamic" runat="server" SetFocusOnError="true"

ControlToValidate="txtEnterProductName" ValidationGroup="vgaddnewproduct" ErrorMessage="Enter Product Name"

ToolTip="Enter Product Name">

</asp:RequiredFieldValidator>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Vendor Part#" SortExpression="Part" UniqueName="Part">

<ItemTemplate>

<asp:TextBox Width="180px" ID="txtPart" runat="server" MaxLength="50" Text='<%# Bind("Part") %>'

ToolTip="Enter Vendor Part No."></asp:TextBox>

</ItemTemplate>

<FooterTemplate>

<asp:TextBox Width="180px" ID="txtEnterPart" runat="server" MaxLength="50" ToolTip="Enter Vendor Part No."

ValidationGroup="vgaddnewproduct"></asp:TextBox>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Quantity" UniqueName="Quantity" ItemStyle-Width="60px"

HeaderStyle-Width="60px">

<ItemTemplate>

<asp:TextBox ID="txtQty" runat="server" MaxLength="5" Width="50px" onMouseDown="DisableRightClick(event)"

Text='<%# Bind("Quantity") %>' ToolTip="Enter quantity"></asp:TextBox>

<asp:RequiredFieldValidator ID="rv12" Display="Dynamic" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="txtQty" ErrorMessage="Enter Quantity"

ToolTip="Enter Quantity.">

</asp:RequiredFieldValidator>

<asp:CompareValidator ID="cvQty" runat="server" ValidationGroup="ValidationGroup2"

Display="Dynamic" ErrorMessage="Please enter a valid quantity" SetFocusOnError="true"

ControlToValidate="txtQty" Operator="DataTypeCheck" Type="Integer"></asp:CompareValidator>

</ItemTemplate>

<FooterTemplate>

<asp:TextBox ID="txtEnterQty" runat="server" MaxLength="5" Width="50px" onMouseDown="DisableRightClick(event)"

ToolTip="Enter quantity" ValidationGroup="vgaddnewproduct"></asp:TextBox>

<asp:RequiredFieldValidator ID="rv13" Display="Dynamic" runat="server" ValidationGroup="vgaddnewproduct"

SetFocusOnError="true" ControlToValidate="txtEnterQty" ErrorMessage="Enter Quantity"

ToolTip="Enter Quantity.">

</asp:RequiredFieldValidator>

<asp:CompareValidator ID="cvEnterQty" runat="server" ValidationGroup="vgaddnewproduct"

SetFocusOnError="true" Display="Dynamic" ErrorMessage="Please enter a valid quantity"

ControlToValidate="txtEnterQty" Operator="DataTypeCheck" Type="Integer"></asp:CompareValidator>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Unit Cost" SortExpression="UnitCost" UniqueName="UnitCost"

ItemStyle-Width="90px" HeaderStyle-Width="90px">

<ItemTemplate>

<asp:TextBox ID="txtUnitCost" runat="server" MaxLength="9" Width="80px" onMouseDown="DisableRightClick(event)"

Text='<%# Bind("UnitCost") %>' ToolTip="Enter Unit Cost"></asp:TextBox>

<asp:CompareValidator ID="cvUnitCost" runat="server" ValidationGroup="ValidationGroup2"

Display="Dynamic" ErrorMessage="Please enter a valid amount" SetFocusOnError="true"

ControlToValidate="txtUnitCost" Operator="DataTypeCheck" Type="Double"></asp:CompareValidator>

</ItemTemplate>

<FooterTemplate>

<asp:TextBox ID="txtEnterUnitCost" runat="server" MaxLength="9" Width="80px" onMouseDown="DisableRightClick(event)"

ToolTip="Enter Unit Cost"></asp:TextBox>

<asp:CompareValidator ID="cvEnterUnitCost" runat="server" ValidationGroup="vgaddnewproduct"

Display="Dynamic" ErrorMessage="Please enter a valid amount" SetFocusOnError="true"

ControlToValidate="txtEnterUnitCost" Operator="DataTypeCheck" Type="Double"></asp:CompareValidator>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Total Cost" SortExpression="TotalCost" UniqueName="TotalCost"

ItemStyle-Width="110px" HeaderStyle-Width="110px">

<ItemTemplate>

<asp:TextBox runat="server" ID="txtProductTotalCost" Text='<%# Bind("TotalCost") %>'

Width="100px" CssClass="DisplayAsReadOnly" ReadOnly="true"></asp:TextBox>

</ItemTemplate>

<FooterTemplate>

<asp:TextBox runat="server" ID="txtFooterTotalCost" ReadOnly="true" CssClass="DisplayAsReadOnly"

Width="100px" Visible="false"></asp:TextBox>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnDeleteProduct" Text="Delete"

ToolTip="Click here to delete this product" CausesValidation="false" OnClientClick="javascript:return confirm('Are you sure you want to delete this Product Information? ');"

OnClick="btnDeleteProduct_Click" CommandArgument='<%#

Eval ( "RequestInfoProductDetailID").ToString()

+ ";" +

Eval ( "Row_Number").ToString()

%>' />

</ItemTemplate>

<FooterTemplate>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnAddProduct" Text="Add New Product"

ValidationGroup="vgaddnewproduct" ToolTip="Click here to add this new product to the list"

CausesValidation="true" OnClick="btnAddProduct_Click" />

</FooterTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<PopUpSettings ScrollBars="None" />

</EditFormSettings>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle />

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle />

</RowIndicatorColumn>

</MasterTableView>

</telerik:RadGrid>

</div>

</td>

</tr>

</table>

<br />

<table width="100%" cellspacing="0" cellpadding="0">

<tr valign="top">

<td valign="top">

<table cellspacing="0" cellpadding="0">

<tr>

<td>

Deliver To or

</td>

</tr>

<tr>

<td>

Ship To:

</td>

</tr>

</table>

</td>

<td>

<table cellspacing="0" cellpadding="3">

<tr>

<td align="right" valign="top">

Company:

<asp:Label ID="lblRequired1" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td align="left" valign="top">

<asp:TextBox Width="180px" runat="server" ID="txtDeliverToLine1" MaxLength="150"

ToolTip="Enter Company Name"></asp:TextBox>

<asp:RequiredFieldValidator ID="rvDeliverToLine1" Display="Static" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="txtDeliverToLine1" ErrorMessage="Enter Company"

ToolTip="Enter Company">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="right" valign="top">

Street Address:

<asp:Label ID="lblRequired2" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td align="left" valign="top">

<asp:TextBox Width="180px" runat="server" ID="txtDeliverToLine2" MaxLength="150"

ToolTip="Enter Street Address"></asp:TextBox>

<asp:RequiredFieldValidator ID="rvDeliverToLine2" Display="Static" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="txtDeliverToLine2" ErrorMessage="Enter Street Address"

ToolTip="Enter Street Address">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="right" valign="top">

City, State, Zip:

<asp:Label ID="lblRequired3" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td align="left" valign="top">

<asp:TextBox Width="180px" runat="server" ID="txtDeliverToLine3" MaxLength="150"

ToolTip="Enter City, State, Zip"></asp:TextBox>

<asp:RequiredFieldValidator ID="rvDeliverToLine3" Display="Static" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="txtDeliverToLine3" ErrorMessage="Enter City, State, Zip"

ToolTip="Enter City, State, Zip">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td align="right" valign="top">

Attention:

<asp:Label ID="lblRequired4" runat="server" Text="*" ToolTip="This is a required field"

ForeColor="Red"></asp:Label>

</td>

<td align="left" valign="top">

<asp:TextBox Width="180px" runat="server" ID="txtAttention" MaxLength="100" ToolTip="Enter Attention To:"></asp:TextBox>

<asp:RequiredFieldValidator ID="rvAttention" Display="Static" ValidationGroup="ValidationGroup2"

runat="server" SetFocusOnError="true" ControlToValidate="txtAttention" ErrorMessage="Enter Attention To:"

ToolTip="Enter Attention To:">

</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</td>

<td>

<table cellspacing="0" cellpadding="3">

<tr>

<td align="right" valign="top">

Sub Total:

</td>

<td align="left" valign="top">

<asp:TextBox Width="180px" ID="txtSubTotal" runat="server" CssClass="DisplayAsReadOnly"

ToolTip="Total cost of all entered products"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right" valign="top">

Tax:

</td>

<td align="left" valign="top">

<%--                                                                                <

telerik:RadNumericTextBox MaxLength="10" runat="server" MinValue="0" ToolTip="Enter Tax"

Width="200px" ID="txtTax">

<NumberFormat GroupSeparator="," KeepNotRoundedValue="true" />

</telerik:RadNumericTextBox>

--%>

<asp:TextBox Width="180px" runat="server" onMouseDown="DisableRightClick(event)"

ToolTip="Enter Tax Amount" ID="txtTax" MaxLength="10"></asp:TextBox>

<asp:CompareValidator ID="cvTax" runat="server" Display="Static" ErrorMessage="Please enter a valid amount"

SetFocusOnError="true" ControlToValidate="txtTax" Operator="DataTypeCheck" Type="Double"></asp:CompareValidator>

</td>

</tr>

<tr>

<td align="right" valign="top">

Shipping:

</td>

<td align="left" valign="top">

<%--                                                                                <

telerik:RadNumericTextBox MaxLength="10" runat="server" MinValue="0" ToolTip="Enter Shipping"

Width="200px" ID="txtShipping">

<NumberFormat GroupSeparator="," KeepNotRoundedValue="true" />

</telerik:RadNumericTextBox>--%>

<asp:TextBox Width="180px" runat="server" onMouseDown="DisableRightClick(event)"

ToolTip="Enter Shipping Amount" ID="txtShipping" MaxLength="10"></asp:TextBox>

<asp:CompareValidator ID="cvShipping" runat="server" Display="Static" ErrorMessage="Please enter a valid amount"

SetFocusOnError="true" ControlToValidate="txtShipping" Operator="DataTypeCheck"

Type="Double"></asp:CompareValidator>

</td>

</tr>

<tr>

<td align="right" valign="top">

Total:

</td>

<td align="left" valign="top">

<asp:TextBox Width="180px" ID="txtTotal1" runat="server" CssClass="DisplayAsReadOnly"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td valign="top" align="center">

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnSave2" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup2'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save" ValidationGroup="ValidationGroup2" ToolTip="Click here to save" CausesValidation="true"

OnClick="btnSave2_Click" />

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnMoveNext2" Text="Save and Move Next"

OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup2'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

ValidationGroup="ValidationGroup2" ToolTip="Click here to save" CausesValidation="true"

OnClick="btnMoveNext2_Click" />

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server">

<br />

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td>

<asp:Panel runat="server" ID="pnlFinancialConsiderations">

<table border="1" id="tblFinancialConsiderations" width="100%" cellspacing="0" cellpadding="3">

<tr>

<td valign="top" align="left">

Please provide details on any operational or non-financial benefits that are not

discussed above.

<br />

<asp:TextBox Width="800px" ID="txtBenefitsComments" TextMode="MultiLine" runat="server"

ToolTip="Enter Comments"></asp:TextBox>

</td>

</tr>

<tr>

<td valign="top" align="left">

Please include or attach any other information that you believe is important to

be considered when reviewing this Spending Request.

<br />

<asp:TextBox Width="800px" ID="txtAdditionalInformation" TextMode="MultiLine" ToolTip="Enter any other information that you believe is important to

be considered when reviewing this Spending Request" runat="server"></asp:TextBox>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td valign="top" align="center">

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnSave3" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup3'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save" ValidationGroup="ValidationGroup3" ToolTip="Click here to save" CausesValidation="true"

OnClick="btnSave3_Click" />

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnMoveNext3" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup3'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save and Move Next" ValidationGroup="ValidationGroup3" ToolTip="Click here to save"

CausesValidation="true" OnClick="btnMoveNext3_Click" />

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView4" runat="server">

<br />

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td>

<asp:Panel runat="server" ID="pnlUploadFiles">

<table cellspacing="0" cellpadding="0">

<tr>

<td>

<span style="font-size: 12px;">Allowed file extensions are ".jpg,.jpeg,.png,.zip,.doc,.docx,.pdf,.xls,.gif,.tif,.tiff,.txt,.xml,.xlsx"

The largest allowed combined file size for upload is 100MB.

<br />

<%--Note: All selected files will be uploaded when you submit request.--%>

</span>

</td>

</tr>

</table>

<table border="0" width="100%" cellspacing="0" cellpadding="3">

<tr>

<td style="vertical-align: top; text-align: left;">

<br />

<telerik:RadUpload ID="RadUpload1" runat="server" Skin="WebBlue" InitialFileInputsCount="3"

AllowedFileExtensions=".jpg,.jpeg,.png,.zip,.doc,.docx,.pdf,.xls,.gif,.tif,.tiff,.txt,.xml,.xlsx">

<Localization Select="Browse" />

</telerik:RadUpload>

</td>

<td style="vertical-align: top; text-align: left;">

</td>

<td style="vertical-align: top; text-align: left;">

Uploaded Files List:

<br />

<div class="Scrollgrid" style="width: 400px; height: 300px;">

<telerik:RadGrid ID="RadGridAttachments" BorderStyle="None" runat="server" AllowPaging="false"

AllowSorting="true" AutoGenerateColumns="False" GridLines="Both" OnNeedDataSource="RadGridAttachments_needdatasource"

OnItemDataBound="RadGridAttachments_ItemDataBound" OnItemCreated="RadGridAttachments_ItemCreated"

AllowMultiRowSelection="true" SelectedItemStyle-CssClass="SelectedItem" Skin="WebBlue">

<PagerStyle Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom" AlwaysVisible="true" />

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView ShowHeadersWhenNoRecords="true">

<Columns>

<telerik:GridTemplateColumn HeaderText="Request No." SortExpression="RequestInfoID"

Visible="false">

<ItemTemplate>

<asp:Label ID="lblRequestInfoID" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "RequestInfoID")%>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="RequestInfoAttachmentID" SortExpression="RequestInfoAttachmentID"

Visible="false">

<ItemTemplate>

<asp:Label ID="lblRequestInfoAttachmentID" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "RequestInfoAttachmentID")%>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="AttachmentName" HeaderText="AttachmentName" SortExpression="AttachmentName"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Delete" UniqueName="DeleteFile">

<ItemTemplate>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnDeleteFile" Text="Delete"

ToolTip="Click here to delete uploaded file" CausesValidation="False" OnClick="btnDeleteFile_Click"

OnClientClick="javascript:return confirm('Are you sure you want to delete this File? ');"

CommandArgument='<%#

Eval ( "RequestInfoID").ToString()

+ "\\" +

Eval ( "RequestInfoAttachmentID").ToString()

+ "\\" +

Eval ( "AttachmentName").ToString()

%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<PopUpSettings ScrollBars="None" />

</EditFormSettings>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle />

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle />

</RowIndicatorColumn>

</MasterTableView>

</telerik:RadGrid>

</div>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr align="center">

<td>

<div style="float: none; overflow: auto; width: 400px; height: auto;">

<asp:Label ID="labelNoInvalidResults" runat="server" Visible="false">No invalid files</asp:Label>

<asp:Repeater ID="repeaterInvalidResults" runat="server" Visible="False">

<HeaderTemplate>

Invalid files:--><br />

</HeaderTemplate>

<ItemTemplate>

File:

<%#DataBinder.Eval(Container.DataItem, "FileName")%>

<br />

File Size:

<%#DataBinder.Eval(Container.DataItem, "ContentLength").ToString() + " bytes"%>

<br />

</ItemTemplate>

</asp:Repeater>

</div>

</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td valign="top" align="center">

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnSave4" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup4'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save" ValidationGroup="ValidationGroup4" ToolTip="Click here to save" CausesValidation="true"

OnClick="btnSave4_Click" />

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnMoveNext4" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup4'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save and Move Next" ValidationGroup="ValidationGroup4" ToolTip="Click here to save"

CausesValidation="true" OnClick="btnMoveNext4_Click" />

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView5" runat="server">

<br />

<table border="0" cellspacing="0" width="100%" cellpadding="0" align="center">

<tr>

<td>

<asp:Panel runat="server" ID="pnlFinancialUse">

<table border="1" width="100%" cellspacing="0" cellpadding="3">

<tr>

<td colspan="6">

Reviewed By Finance User: <asp:CheckBox runat="server" ID="chkReviewedByFinanceUser" />

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td valign="top" align="center">

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnSave5" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup5'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save" ValidationGroup="ValidationGroup5" ToolTip="Click here to save" CausesValidation="true"

OnClick="btnSave5_Click" />

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnMoveNext5" OnClientClick=

"javascript:var validated= Page_ClientValidate('ValidationGroup5'); if(validated){ buttonClicked_WithObj(this); return true; };else {return false;};"

Text="Save and Move Next" ValidationGroup="ValidationGroup5" ToolTip="Click here to save"

CausesValidation="true" OnClick="btnMoveNext5_Click" />

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView6" runat="server">

<br />

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr>

<td>

<asp:Panel runat="server" ID="Panel1">

<table cellspacing="0" cellpadding="0" width="100%">

<tr align="center">

<td>

<br />

<asp:Label runat="server" ID="lblCurrentStatus" Font-Bold="true"></asp:Label>

<br />

</td>

</tr>

<tr align="center">

<td>

Please verify all the details and click on "Submit Request" to submit your request

to your manager.

<br />

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnSubmit" Text="Submit Request"

OnClientClick=

"javascript:var agree= confirm('Are you sure you want to submit this Request? \n You will be not allowed to make changes once you submit request to your manager. \n If there is any change in request, you can contact Finance group.'); if(agree){ Page_BlockSubmit = false;buttonClicked_WithObj(this); return true; };else {return false;};"

ToolTip="Click here to submit Spending Request" CausesValidation="false" OnClick="btnSubmit_Click" />

</td>

</tr>

<tr align="center">

<td>

<br />

<asp:Label runat="server" ID="lblSubmitMessage" Font-Bold="true" CssClass="DisplayRedFont"></asp:Label>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage></asp:Panel>

</td>

</tr>

</table>

<table align="center" width="90%">

<tr>

<td>

<asp:Panel runat="server" ID="pnlOverview" CssClass="panelStyle">

<table width="100%">

<tr align="center">

<td>

<

<telerik:RadComboBox runat="server" ID="DdlSelectOption" AutoPostBack="true" Width="600px"

ToolTip="Select any option here to view Spending Requests history with different status"

Skin="Hay" Font-Bold="true" CausesValidation="false" ValidationGroup="none" onchange="javascript:Page_BlockSubmit = false;buttonClicked_WithObj(this);"

OnSelectedIndexChanged="DdlSelectOption_SelectedIndexChanged">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr valign="top">

<td valign="top">

<asp:Label runat="Server" ID="lblNoteForRowClick" Font-Bold="true" Text="NOTE: Click on row to view or edit any request."></asp:Label>

</td>

<td valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr valign="top">

<td valign="top" align="right">

<asp:Label runat="Server" ID="Label7" Font-Bold="true" Text="Click Here to export displayed list -->"></asp:Label>

</td>

<td valign="top">

<asp:ImageButton runat="server" ID="imgExportToExcel" ImageUrl="~/Images/Excel-19.png"

CausesValidation="false" OnClick="imgExportToExcel_Click" BorderWidth="0" ToolTip="Click here to export displayed list to Excel" />

<asp:ImageButton runat="server" ID="imgExportToWord" ImageUrl="~/Images/Word-19.png"

CausesValidation="false" OnClick="imgExportToWord_Click" BorderWidth="0" ToolTip="Click here to export displayed list to Word" />

<asp:ImageButton runat="server" ID="imgExportToPDF" ImageUrl="~/Images/Adobe.png"

CausesValidation="false" Visible="false" OnClick="imgExportToPDF_Click" BorderWidth="0"

ToolTip="Click here to export displayed list to Pdf" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<%--<div class="Scrollgrid" style="width: 1050px; height: 600px;">--%>

<div class="Scrollgrid" style="width: 1180px; height: 600px;">

<telerik:RadGrid ID="RadGridAllRequests" runat="server" AllowPaging="true" AllowSorting="true"

AllowFilteringByColumn="true" AutoGenerateColumns="False" BorderStyle="None"

GridLines="Both" OnNeedDataSource="RadGridAllRequests_needdatasource" OnItemDataBound="RadGridAllRequests_ItemDataBound"

OnItemCreated="RadGridAllRequests_ItemCreated" OnItemCommand="RadGridAllRequests_ItemCommand"

AllowMultiRowSelection="true" SelectedItemStyle-CssClass="SelectedItem" Width="100%"

Skin="WebBlue">

<PagerStyle Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom" AlwaysVisible="true" />

<ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

<%--<ClientEvents OnRowClick="RowClicked" />--%>

</ClientSettings>

<FooterStyle BackColor="LightBlue" />

<MasterTableView ShowFooter="false" ShowHeadersWhenNoRecords="true" AllowFilteringByColumn="true"

DataKeyNames="RequestInfoID">

<Columns>

<telerik:GridNumericColumn DataField="RequestInfoID" HeaderText="Request No." SortExpression="RequestInfoID"

DataType="System.Int64" FilterControlWidth="40px" HeaderStyle-Width="100px" ItemStyle-Width="100px"

Visible="false">

</telerik:GridNumericColumn>

<telerik:GridTemplateColumn HeaderText="Request No." DataType="System.Int64" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Center" DataField="RequestInfoID" SortExpression="RequestInfoID">

<ItemTemplate>

<asp:Label ID="lblRequestInfoIDForFilter" runat="server" Text='<%# Eval ( "RequestInfoID").ToString()%>'></asp:Label></ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Download as PDF" AllowFiltering="false" UniqueName="downloadaspdf">

<ItemTemplate>

<a href="ViewReports.aspx?reportid=1&requestid=<%# Eval ( "RequestInfoID").ToString() %>"

target="_blank">

<img alt="" src="Images/Adobe.png" border="0" />

</a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="currencyname" HeaderText="Currency" SortExpression="currencyname"

UniqueName="currencyname" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Approve" UniqueName="ApproveRequest" AllowFiltering="false">

<ItemTemplate>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnApproveRequest" Text="Approve"

ToolTip="Click Here to Approve Request" CausesValidation="False" OnClick="btnApproveRequest_Click"

OnClientClick=

"javascript:var agree= confirm('Are you sure you want to approve this Request? '); if(agree){ Page_BlockSubmit = false;buttonClicked_WithObj(this); return true; };else {return false;};"

CommandArgument='<%#

Eval ( "RequestInfoID").ToString()

+ ";" +

Eval ( "NextApprovalRequiredFor").ToString()

+ ";" +

Eval ( "TotalAmount").ToString()

%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Reject" UniqueName="rejectrequest" AllowFiltering="false">

<ItemTemplate>

<asp:Label ID="lblNextApprovalRequiredFor" runat="server" Visible="false" Text='<%#Eval ( "NextApprovalRequiredFor").ToString()%>'></asp:Label>

<asp:Label ID="lblNextApprovalIsFinanceApproval" runat="server" Visible="false" Text='<%#Eval ( "NextApprovalIsFinanceApproval").ToString()%>'></asp:Label>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnRejectRequest" Text="Reject"

ToolTip="Click Here to Reject Request" CausesValidation="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Request No." SortExpression="RequestInfoID"

AllowFiltering="false" Visible="false" UniqueName="requestinfoid">

<ItemTemplate>

<asp:Label ID="lblRequestInfoID" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "RequestInfoID")%>'></asp:Label></ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<PopUpSettings ScrollBars="None" />

</EditFormSettings>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle />

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle />

</RowIndicatorColumn>

</MasterTableView>

</telerik:RadGrid>

</div>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

</td>

</tr>

</table>

<div class="WaitDisplay" id="divWait" style="display: none; width: auto;">

<img alt="" src="Images/spinner2.gif" />

<div id="divWaitMessage">

Processing...

</div>

<script type="text/javascript" language="javascript">

if ((document.getElementById('<%= txtTotal1.ClientID %>')) != null) {

document.getElementById('<%= txtTotal1.ClientID %>').readOnly = true;

}

</script>

</asp:Content>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

How to implement AJAX on these pages - sample project attached

3 Answers, 1 is accepted