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

RadGrid inside PanelBar

4 Answers 169 Views

Grid

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

Antonello asked on 29 Nov 2011, 07:22 PM

Hello Everyone,
I have a Radgrid inside a panelbar. In the footer item of this grid we added a textbox in wich user can insert some text. It works fine with all browser less IE7. With this browser I cannot write anything. It is a very abnormal behaviour. Besides I have the same grid in another page and it works fine.
The usercontrol that contains radgrid is loaded when is clicked the radpanel container with a server request (ajax)
I attached the code, please help me

Thanks

<%@ Page Language="C#" MasterPageFile="~/MainPage.Master" AutoEventWireup="true"

CodeBehind="ShoppingBasketPage.aspx.cs" Inherits="AstroWeb.WebForms.ShoppingBasketPage" %>

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

<%@ Register Src="../UserControls/ShoppingBasketGrid.ascx" TagName="ShoppingBasketGrid"

TagPrefix="uc1" %>

<%@ Register Src="~/UserControls/SparePartsBasket.ascx" TagName="SparePartsBasket"

TagPrefix="uc2" %>

<%@ Register Src="~/UserControls/SpecialPartsBasket.ascx" TagName="SpecialPartsBasket"

TagPrefix="uc3" %>

<%@ Register Src="~/UserControls/AlternativePartsBasket.ascx" TagName="AlternativePartsBasket"

TagPrefix="uc4" %>

<%@ Register Assembly="CustomControlsLibrary" Namespace="CustomControlsLibrary" TagPrefix="cc1" %>

<%@ Register Assembly="Astro_CustomControls" Namespace="Astro_CustomControls" TagPrefix="cc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<style type="text/css">

.ChartContainer

{

width: 99%;

position: relative; /* border: 1px solid black; */

margin: 0 auto;

text-align: center;

}

.ChartNormal

{

/* border: 1px solid black; */

float: left;

width: 700px;

margin: auto 2em;

margin-top: 2em;

}

</style>

<script type="text/javascript">

function OpenGridWeb() {

var oWnd = window.radopen(null, "WebBlue");

oWnd.set_visibleStatusbar(false);

oWnd.setSize(300, 365);

oWnd.center();

oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Close);

oWnd.setUrl("GridWeb.aspx");

}

function OnExpand(sender, eventArgs) {

eventArgs.get_item().click()

}

</script>

<rad:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function requestStart(sender, eventArgs) {

var loadingPanel = "#<%= RadAjaxLoadingPanel1.ClientID %>";

$(loadingPanel).center();

}

</script>

</rad:RadCodeBlock>

<rad:RadScriptBlock runat="server" ID="radscript1">

<asp:Literal runat="server" ID="lit"></asp:Literal>

</rad:RadScriptBlock>

<rad:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

OnAjaxRequest="RadAjaxPanel1_AjaxRequest">

<rad:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" CssClass="underPopup" IsSticky="true"

runat="server">

<div id="divProgressTemplate" style="width: 100%; height: 100%; z-index: 9000; background-color: White;

position: absolute; filter: alpha(opacity = 40); -moz-opacity: .40; opacity: .40;">

<img alt="" src="../Images/0000_wait.gif" style="position: absolute; top: 50%; left: 50%;

z-index: 9999;" />

</div>

</rad:RadAjaxLoadingPanel>

<rad:RadWindowManager VisibleStatusbar="true" ID="radWindowManagr" runat="server"

Skin="WebBlue" ReloadOnShow="false">

<Windows>

<rad:RadWindow ReloadOnShow="true" ID="radWinBday" runat="server" Behavior="close"

EnableEmbeddedSkins="true" Modal="true" Skin="WebBlue">

</rad:RadWindow>

</Windows>

</rad:RadWindowManager>

<div style="width: 100%; height: 10px">

</div>

<div style="position: relative">

<cc1:BaseRadPanel runat="server" ID="radpnlBasketGrid" Width="100%" ExpandMode="SingleExpandedItem"

Skin="WebBlue" ExpandAnimation-Type="None">

<Items>

<rad:RadPanelItem Expanded="true" Text="1100_ShoppingBasket" Selected="true">

<Items>

<rad:RadPanelItem>

<ContentTemplate>

<asp:Panel runat="server" ID="pnlSB" ScrollBars="Auto">

<uc1:ShoppingBasketGrid ID="ShoppingBasketGrid" runat="server" />

</asp:Panel>

</ContentTemplate>

</rad:RadPanelItem>

</Items>

</rad:RadPanelItem>

</Items>

</cc1:BaseRadPanel>

</div>

<div style="position: relative">

<cc1:BaseRadPanel runat="server" ID="radpnlSpareParts" Width="100%" ExpandMode="SingleExpandedItem"

Skin="WebBlue" ExpandAnimation-Type="None" OnItemClick="PopulateSparePartsGrid"

OnClientItemExpand="OnExpand">

<Items>

<rad:RadPanelItem Expanded="false" Text="1560_Spares">

<Items>

<rad:RadPanelItem>

<ContentTemplate>

<uc2:SparePartsBasket ID="SparePartsBasket" runat="server" />

</ContentTemplate>

</rad:RadPanelItem>

</Items>

</rad:RadPanelItem>

</Items>

</cc1:BaseRadPanel>

</div>

<div style="position: relative">

<cc1:BaseRadPanel runat="server" ID="radpnlSpecialParts" Width="100%" ExpandMode="SingleExpandedItem"

Skin="WebBlue" ExpandAnimation-Type="None" OnItemClick="PopulateSpecialPartsGrid"

OnClientItemExpand="OnExpand">

<Items>

<rad:RadPanelItem Expanded="false" Text="1101_SpecialParts">

<Items>

<rad:RadPanelItem>

<ContentTemplate>

<uc3:SpecialPartsBasket ID="SpecialPartsBasket" runat="server" />

</ContentTemplate>

</rad:RadPanelItem>

</Items>

</rad:RadPanelItem>

</Items>

</cc1:BaseRadPanel>

</div>

<div style="position: relative">

<cc1:BaseRadPanel runat="server" ID="radpnlAlternativeParts" Width="100%" ExpandMode="SingleExpandedItem"

Skin="WebBlue" ExpandAnimation-Type="None">

<Items>

<rad:RadPanelItem Expanded="false" Enabled="false" Text="1102_AlternativePart">

<Items>

<rad:RadPanelItem>

<ContentTemplate>

<uc4:AlternativePartsBasket ID="AlternativePartsBasket" runat="server" />

<div align="left">

<cc2:BaseTelerikRadButtonSecurity ID="btnSendAlternatives" ToggleType="None" runat="server"

ApplySecurityCode="false" ButtonType="StandardButton" Text="Add Selections" AutoPostBack="true"

UseSubmitBehavior="true" OnClick="btnSendAlt_Click">

<Image IsBackgroundImage="true" ImageUrl="~/images/button.png" />

</cc2:BaseTelerikRadButtonSecurity>

</div>

</ContentTemplate>

</rad:RadPanelItem>

</Items>

</rad:RadPanelItem>

</Items>

</cc1:BaseRadPanel>

</div>

</rad:RadAjaxPanel>

</asp:Content>

4 Answers, 1 is accepted

answered on 02 Dec 2011, 05:39 PM

Hi Tsvetina, you're right, attached you can find source code of user control that contains radgrid.
Yes we inherited from Panel bar to customize the caption in a standard mode, but I don't think this is the problem because we already used this custom control in another page and it works.
Today I also try to use a teleriktextbox inside the footer and it doesn't work anyway.

Let me know if you have any idea.
Thanks
Davide

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ShoppingBasketGrid.ascx.cs"

Inherits="Astro.ShoppingBasketGrid" %>

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

<%@ Register Assembly="CustomControlsLibrary" Namespace="CustomControlsLibrary" TagPrefix="ccl" %>

<%@ Register Assembly="Astro_CustomControls" Namespace="Astro_CustomControls" TagPrefix="cc2" %>

<script type="text/javascript">

function fSendGridSelection(e) {

var key;

if (window.event)

key = window.event.keyCode; //IE

else

key = e.which; //firefox

if (key == 13) {

debugger;

$get('ctl00_ContentPlaceHolder1_radpnlBasketGrid_i0_i0_ShoppingBasketGrid_shoppingBasketRadGrid_ctl00_ctl04_Save').click();

}

</script>

<rad:RadScriptBlock runat="server" ID="radscript1">

<asp:Literal runat="server" ID="lit"></asp:Literal>

</rad:RadScriptBlock>

<table cellpadding="0" style="vertical-align: top; width: 100%">

<tr>

<td style="text-align: left; padding-top: 10px" width="85%">

<ccl:BaseTelerikRadGrid ID="shoppingBasketRadGrid" AllowSorting="True" ShowFooter="false"

Skin="WebBlue" Width="100%" AutoGenerateColumns="False" AllowPaging="False" runat="server"

GridLines="Vertical">

<SelectedItemStyle Wrap="False"></SelectedItemStyle>

<AlternatingItemStyle Wrap="False" CssClass="altRadGrid"></AlternatingItemStyle>

<ItemStyle CssClass="itemGrid"></ItemStyle>

<HeaderStyle CssClass="headerGrid"></HeaderStyle>

<FooterStyle CssClass="divSearch" />

<MasterTableView AllowCustomSorting="false" EditMode="InPlace">

<RowIndicatorColumn Visible="False">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="false" Resizable="false">

</ExpandCollapseColumn>

<Columns>

<rad:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Center">

<HeaderStyle Width="7%" HorizontalAlign="Center" />

<HeaderTemplate>

<ccl:BaseImageButton ID="btnAdd" runat="server" Style="cursor: hand" CommandName="Add"

ImageUrl="~/Images/Add.gif" BackColor="transparent" ToolTip="10_Nuovo" BorderStyle="none">

</ccl:BaseImageButton>

</HeaderTemplate>

<ItemTemplate>

<span style="white-space: nowrap">

<ccl:BaseImageButton ID="Edit" runat="server" Style="cursor: hand;" ToolTip="8_Modifica"

CommandName="EditGrid" ImageUrl="~/Images/0000_edit.gif" BackColor="transparent" >

</ccl:BaseImageButton>

<ccl:BaseImageButton ID="btnDelete" runat="server" Style="cursor: hand" ToolTip="7_Elimina"

CommandName="Delete" ImageUrl="~/Images/0000_delete.gif" BackColor="transparent">

</ccl:BaseImageButton>

</span>

</ItemTemplate>

<EditItemTemplate>

<ccl:BaseImageButton ID="Save" Style="cursor: hand" runat="server" CommandName="Save"

ImageUrl="~/Images/0000_save.gif" BackColor="transparent"></ccl:BaseImageButton>

<ccl:BaseImageButton ID="Cancel" runat="server" Style="cursor: hand" CommandName="Cancel"

ImageUrl="~/Images/0000_undo.gif" BackColor="transparent"></ccl:BaseImageButton>

</EditItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn SortExpression="PartNumber" HeaderText="1532_PartNumber" HeaderStyle-HorizontalAlign="Center"

FooterStyle-HorizontalAlign="Center">

<HeaderStyle Width="10%" HorizontalAlign="Center" />

<ItemTemplate>

<ccl:BaseLabel ID="lblPartNumber" runat="server"></ccl:BaseLabel>

</ItemTemplate>

<EditItemTemplate>

<ccl:ReqTextBox ID="txtPartNumber" runat="server" Width="50px" onkeyup="fSendGridSelection(event)" />

</EditItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"

FooterStyle-HorizontalAlign="Center">

<HeaderStyle Width="12%" HorizontalAlign="Center" />

<HeaderTemplate>

<ccl:BaseLabel ID="lblAlternativeHeader" runat="server"></ccl:BaseLabel>

</HeaderTemplate>

<ItemTemplate>

<ccl:BaseImageButton ID="btnAlternative" runat="server" Style="cursor: hand"

CommandName="AlternateButtonCommand" CommandArgument="" OnCommand="btnAlternative__Command"

ImageUrl="~/Images/Alternative.png" BackColor="transparent" ToolTip="Show Alternative" BorderStyle="none">

</ccl:BaseImageButton>

</ItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn SortExpression="PartDescription" HeaderText="1531_PartDescription"

HeaderStyle-HorizontalAlign="Center">

<HeaderStyle Width="25%" />

<ItemTemplate>

<ccl:BaseLabel ID="lblPartDescription" runat="server" Height="20" Width="100%" />

</ItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn SortExpression="UnitPrice" HeaderText="1413_UNITPRICE" HeaderStyle-HorizontalAlign="Center">

<HeaderStyle Width="7%" />

<ItemStyle HorizontalAlign="Right" />

<ItemTemplate>

<ccl:BaseLabel ID="lblUnitPrice" runat="server" Height="20" Width="100%" />

</ItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn SortExpression="Quantity" HeaderText="1405_Quantity" HeaderStyle-HorizontalAlign="Center">

<HeaderStyle Width="5%" />

<ItemStyle Width="5%" HorizontalAlign="Right" />

<ItemTemplate>

<ccl:BaseLabel ID="lblQuantity" runat="server" onkeyup="fSendGridSelection(event)"></ccl:BaseLabel>

</ItemTemplate>

<EditItemTemplate>

<ccl:OnlyNumberTextBox ID="txtQuantity" runat="server" onblur="javascript: return ValidateQuantity(this);"

MaxLength="10" Required="false" Width="99%"></ccl:OnlyNumberTextBox>

</EditItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn SortExpression="Available" HeaderText="1330_Available" HeaderStyle-HorizontalAlign="Center">

<HeaderStyle Width="7%" HorizontalAlign="Center" />

<ItemTemplate>

<ccl:BaseLabel ID="lblAvailable" runat="server" Height="20" Width="100%" />

</ItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn SortExpression="TotalPrice" HeaderText="1414_TOTALPRICE" HeaderStyle-HorizontalAlign="Center">

<HeaderStyle Width="10%" />

<ItemStyle Width="10%" HorizontalAlign="Right" />

<ItemTemplate>

<ccl:BaseLabel ID="lblTotalPrice" runat="server" Height="20" Width="100%" />

</ItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn SortExpression="Job" HeaderText="101_Job" HeaderStyle-HorizontalAlign="Center">

<HeaderStyle Width="10%" HorizontalAlign="Center" />

<ItemTemplate>

<ccl:BaseLabel ID="lblJob" runat="server"></ccl:BaseLabel>

</ItemTemplate>

<EditItemTemplate>

<ccl:ReqDropDownList ID="ddlJob" runat="server" Required="false" Width="99%" />

</EditItemTemplate>

</rad:GridTemplateColumn>

<rad:GridTemplateColumn Visible="false">

<HeaderStyle Width="1%" HorizontalAlign="Center" />

<HeaderTemplate>

<ccl:BaseLabel ID="lblOrdAstro" runat="server"></ccl:BaseLabel>

</HeaderTemplate>

<ItemTemplate>

<ccl:BaseLabel ID="lblOrdAstroTemp" runat="server" Height="20" Width="100%" />

</ItemTemplate>

<EditItemTemplate>

<ccl:BaseLabel ID="lblOrdAstroTemp" runat="server" Height="20" Width="100%" />

</EditItemTemplate>

</rad:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="230px" SaveScrollPosition="false" />

</ClientSettings>

</ccl:BaseTelerikRadGrid>

</td>

<td style="width: 15%; text-align: left; padding-left: 5px; vertical-align: top;">

<cc2:BaseTelerikRadButtonSecurity ID="CheckPartsButton" ToggleType="None" runat="server"

ApplySecurityCode="false" ButtonType="StandardButton" Text="1330_CheckOrder" AutoPostBack="true"

UseSubmitBehavior="true" OnClick="CheckPartsButton_Click">

<Image IsBackgroundImage="true" ImageUrl="~/images/button.png" />

</cc2:BaseTelerikRadButtonSecurity>

<br />

<div style="white-space: nowrap">

<ccl:BaseLabel ID="lblTaxable" Text="900_TaxableTotal" runat="server" Width="50" /><ccl:BaseLabel

ID="lblTaxableText" Text="" runat="server" Width="50" /><ccl:BaseLabel runat="server" ID="lblValTax"></ccl:BaseLabel></div>

<div style="white-space: nowrap">

<ccl:BaseLabel ID="lblGST" Text="905_GST-Total" runat="server" Width="50" /><ccl:BaseLabel

ID="lblGSTText" Text="" runat="server" Width="50" /><ccl:BaseLabel runat="server" ID="lblValGST"></ccl:BaseLabel></div>

<div style="white-space: nowrap">

<ccl:BaseLabel ID="lblTotal" Text="910_Total" runat="server" Width="50" /><ccl:BaseLabel

ID="lblTotalText" Text="" runat="server" Width="50" /><ccl:BaseLabel runat="server" ID="lblValTot"></ccl:BaseLabel></div>

</td>

<td style="vertical-align: top">

<cc2:BaseTelerikRadButtonSecurity ID="SendOrderButton" ToggleType="None" runat="server"

ApplySecurityCode="false" ButtonType="StandardButton" Text="1416_SendOrder" AutoPostBack="true"

UseSubmitBehavior="true" OnClick="btnSendOrder_Click" OnClientClicked="OnClientClicked">

<Image IsBackgroundImage="true" ImageUrl="~/images/button.png" />

</cc2:BaseTelerikRadButtonSecurity>

<br />

<cc2:BaseTelerikRadButtonSecurity ID="btnGridWeb" ToggleType="None" runat="server"

ApplySecurityCode="false" ButtonType="StandardButton" Text="341_CutPasteArea" AutoPostBack="false"

UseSubmitBehavior="false" OnClientClicked="OpenGridWeb" >

<Image IsBackgroundImage="true" ImageUrl="~/images/button.png" />

</cc2:BaseTelerikRadButtonSecurity>

</td>

</tr>

</table>

answered on 06 Dec 2011, 04:36 PM

Hi Antonello,

how exactly do you add the textbox to the footer? Is it in code-behind and if so, in which event? My advice is that you add the textboxes in markup in the FooterTemplate of the GridTemplateColumns that you anyway have inside your grid and see if it works correctly.
If you want to stick with programmatic addition of the textboxes, please share the code where you add them and in which event does this happen.

All the best,
Tsvetina
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now