Questions on UI for ASP.NET AJAX Forum

0 answers

40 views

Collapsing RadGrid Item not possible anymore in Sitefinity CMS after ASP.NET Ajax Update

Hello,

I made an update to the newest Telerik.Web.UI Version 2023.3.1010.45 and now I cannot collapse my RadGrid-Items anymore after expanding. Instead I can see a statusbar which is loading infinite long on the left side when the ViewState is enabled in the Sitefinity Backend. When I disable the ViewState I have the same problem, just without statusbar. There is a screenshot of the grid and my HTML-Code in the attachment. Could anybody help me?

Regards

Ajax

Grid

UI for ASP.NET AJAX in ASP.NET MVC

asked on 28 Nov 2023

1 answer

52 views

Issue with finding element in grid edit with ascx WebUserControl

Hi
I am really struggling to find a how to edit a textbox. I have a grid edited with a ascx WebUserControl. Within the ascx I the following

var pSalesOrderNumber = $find("<%= txtOrderNumber.ClientID %>");
It is undefined. I tried using $telerik.findControl but still no luck. Sadly out of my depth. Any help would be much appreciated

Grid

UI for ASP.NET AJAX in ASP.NET MVC

answered on 04 Oct 2023

1 answer

47 views

Radwindow issue firing OnClientClose

I have a RadGrid in a Jobs page which, when in edit mode, opens a JobCost.ascx WebUserControl. From the .ascx WebUserControl I open a popup page to search for OrderNumbers using RadOpen.

<telerik:RadWindowManager ID="RadWindowManager2" ShowContentDuringLoad="false" VisibleStatusbar="false"
ReloadOnShow="true" runat="server" Skin="WebBlue" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="WinOpenSalesOrder" runat="server" Behaviors="Close" OnClientClose="OnClientCloseOrder"
NavigateUrl="SalesOrders.aspx">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

Am I doing something daft or is there an issue du to there ending up with more than one RadWindowManager

Grid

UI for ASP.NET AJAX in ASP.NET MVC

answered on 28 Sep 2023

1 answer

51 views

Is there an selection change event for <telerik:GridDropDownColumn>

Hi ,

I am using <telerik:GridDropDownColumn> inside radgrid of aspnetAjax. I need to disable one column based on selection of item in GridDropDownColumn.

Is there a way to trigger event on selection change in GridDropDownColumn

I couldnt find right answer. can this be achieved? disabling one column inside radgrid based on selection of item inside dropdowncolumn in radgrid?

Regards,

Kiran

Grid

UI for ASP.NET AJAX in ASP.NET MVC

answered on 08 Mar 2023

1 answer

154 views

RadBinaryImage ASP.NET AJAX

I've been trying to display a System.Drawing.Image (obtained from live camera feed snapshot) dynamically in a DataList control with asp:Image control but not having any success.

I was looking at RadBinaryImage to see if this is a viable option.

The images to be displayed are variable (aka dynamic number of images not static number/count) so I may have 5 images or 10 images or 7 images that are all System.Drawing.Image types. I want to display those images in a Grid or DataList.

    <asp:DataList ID="cameras" runat="server" RepeatColumns="3" RepeatDirection="Horizontal" RepeatLayout="Table">
        <ItemTemplate>
            <asp:Image ID="cameraX" runat="server" />
        </ItemTemplate>
    </asp:DataList>

In the ItemDataBound event handler I convert to byte array and assign to asp:Image ImageUrl ... but this results in nothing being displayed. No errors, just nothing displayed. Would RadBinaryImage be a solution?

        protected void cameras_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
        {
            
            Models.Facility.Camera camera = e.Item.DataItem as Models.Facility.Camera;
            Image img = GetImage(camera);
            MemoryStream ms = new MemoryStream();
            img.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
            System.Web.UI.WebControls.Image imgControl = (System.Web.UI.WebControls.Image)e.Item.FindControl("camera");
            var base64Data = Convert.ToBase64String(ms.ToArray());
            imgControl.ImageUrl = "data:image/jpg;base64," + base64Data;

        }

Cheers, Rob.

BinaryImage

Grid

UI for ASP.NET AJAX in ASP.NET MVC

answered on 17 Jan 2023

1 answer

76 views

TreeView Drag and Drop between two different TreeViews?

Hi,

Does the latest version of Telerik UI for ASP.NET AJAX support drag/drop between two TreeViews on the same page? How about two Grids?

Thanks,

Grid

TreeView

UI for ASP.NET AJAX in ASP.NET MVC

answered on 01 Apr 2022

1 answer

195 views

Postback on row selection in rad grid

I am dealing with a scenario where in grid , whether user clicks on a row or uses up/down arrow in the grid to select a row, it should do a postback and update other fields on the page. During research I have found that EnablePostBackOnRowClick and AllowKeyboard Navigation cannot work at the same time. This is what I have :

function GridRowSelected(sender, args) {

// do a post back to update other controls on the page

}

Can someone please help me in achieving this? I have tried different methods explained in forum but nothing worked for me. In short, I want it to do a post back when either user clicks on a row or make a selection using keyboard navigation and call this:

void RadGrid1_SelectedIndexChanged(object sender, EventArgs e)

{

}

Ajax

Grid

Navigation

UI for ASP.NET AJAX in ASP.NET MVC

answered on 20 Dec 2021

1 answer

124 views

Fully functional RadGrid with add, update and delete that is inside a RadWindow

I'm launching a Radwindow that contains a RadGrid. All that is working fine. Data displays no problem. The problem is when I click the Edit or the Delete commands the window goes away. Clicking those doesn't even execute the grids ItemCommand event.

I tried the grid on it's own sans having it in a window and it functioned as expected. Here's my code:

ASPX

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test.aspx.vb" Inherits="OmniCare.Test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <ajax:ScriptManager runat="server" ID="ScriptManager1" EnablePartialRendering="true" />

        <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
            <script language="javascript" type="text/javascript">
                function OnClientclose(sender, eventArgs) {
                    var arg = eventArgs.get_argument();
                }
            </script>
        </telerik:RadScriptBlock>

        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="rgDeposits">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rgDeposits" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="btnDeposit">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rwDeposits" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="rwDeposits">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rwDeposits" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

        <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableViewState="False">
            <Windows>
                <telerik:RadWindow runat="server" ID="rwDeposits" OnClientClose="OnClientclose" VisibleStatusbar="False" Width="750px" Height="350px" CssClass="Padding">
                    <ContentTemplate>
                        <asp:Panel runat="server" HorizontalAlign="Center" Width="98%" CssClass="PanelFrame MainPanel" BackColor="#DFECFB" Height="98%">
                            <div class="General TopRound" style="width: 100%; background-color: #dcdcdc; border-bottom: 1px solid black;">
                                <asp:Label ID="Label2" runat="server" Text="Deposit Information" CssClass="Title" Width="100%"></asp:Label>
                            </div>
                            <telerik:RadGrid ID="rgDeposits" runat="server" Width="99%" AutoGenerateColumns="False" CellPadding="1" CellSpacing="1" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="False" CssClass="Center" GridLines="Both">
                                <MasterTableView GridLines="Both" DataKeyNames="CUST_DEP_ID">
                                    <HeaderStyle Font-Bold="True" />
                                    <Columns>
                                        <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
                                        <telerik:GridBoundColumn DataField="CU_DEP_DATE" HeaderText="Date"></telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CU_DEP_DESC" HeaderText="Description"></telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CU_DEP_STAT" HeaderText="Stat">
                                            <ItemStyle HorizontalAlign="Center"></ItemStyle>
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CU_DEP_SIGN" HeaderText="Sign">
                                            <ItemStyle HorizontalAlign="Center" CssClass="Align-Center"></ItemStyle>
                                            <HeaderStyle HorizontalAlign="Center" CssClass="Align-Center" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CU_DEP_AMT" HeaderText="Amount" DataFormatString="{0:c}">
                                            <ItemStyle HorizontalAlign="Right" CssClass="Align-Right"></ItemStyle>                                            
                                            <HeaderStyle HorizontalAlign="Center" CssClass="Align-Center" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="USER_LOGIN" HeaderText="OPR"></telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="cu_dep_type_id" HeaderText="OPR" Visible="False"></telerik:GridBoundColumn>
                                    </Columns>
                                </MasterTableView>
                            </telerik:RadGrid>
                        </asp:Panel>
                    </ContentTemplate>
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>


        <div>
            <telerik:RadButton ID="btnDeposit" runat="server" Text="Deposit Detail" Width="100px" RenderMode="Lightweight" CssClass="center" 
                Font-Size="9px" CausesValidation="False" AutoPostBack="True" Height="27px">
                <Icon PrimaryIconUrl="Images/DollarSign.gif" PrimaryIconLeft="5px" PrimaryIconTop="8px"></Icon>
            </telerik:RadButton>

        </div>
    </form>
</body>
</html>

VB

Imports Telerik.Web.UI

Public Class Test
    Inherits System.Web.UI.Page

    Dim db As dcDataDataContext = Nothing

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        db = New dcDataDataContext("SAMP1")

    End Sub

    Private Sub rgDeposits_NeedDataSource(sender As Object, e As GridNeedDataSourceEventArgs) Handles rgDeposits.NeedDataSource
        Dim res = From x In db.sp_Cust_Dep_SEL(1)
                  Select x

        rgDeposits.DataSource = res.ToList

    End Sub


    Private Sub rgDeposits_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles rgDeposits.ItemCommand
        Dim xxx As String = e.CommandName
    End Sub

    Private Sub btnDeposit_Click(sender As Object, e As EventArgs) Handles btnDeposit.Click
        rgDeposits.Rebind()

        Dim script As String = "function f(){$find(""" + rwDeposits.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);"
        ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", script, True)

    End Sub
End Class

Grid

UI for ASP.NET AJAX in ASP.NET MVC

Window

updated answer on 25 Oct 2021

1 answer

371 views

How to have cascading rad drop down lists in rad grid

I have done extensive research on this issue and have yet to find a solution that works. I have a simple RadGrid, 2 columns are Template Columns. Each of those 2 columns have a RadDropDownList (DDL) with SQL Data Sources. I would like the selection of the first DDL to define the data list of the second DDL. Also, this needs to work in Insert and Edit modes.

I am stuck at two instances, at one point the first DDL - after making a selection it posts-back and loses the selected item. It resets to "- Select -" and does not bind the second DDL with any data.

Another is when I get an error that states I can't use Eval, Bind, etc., to a non-databound control.

Please take a look at my code and point me in the correct direction!

						<telerik:RadGrid ID="rgvHDwithLoc" runat="server" AutoGenerateColumns="False" DataSourceID="sdsHDwithLoc" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AutoGenerateDeleteColumn="false" AutoGenerateEditColumn="False">

							<GroupingSettings CollapseAllTooltip="Collapse all groups" />

							<MasterTableView AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" CommandItemDisplay="Top" DataKeyNames="owedRequestID" DataSourceID="sdsHDwithLoc" EditMode="EditForms">

								<CommandItemSettings ShowCancelChangesButton="false" ShowSaveChangesButton="false" />

								<Columns>

									<telerik:GridEditCommandColumn EditText="Edit" UpdateText="Update" CancelText="Cancel" HeaderText="Edit"></telerik:GridEditCommandColumn>

									<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ConfirmText="Are you sure you want to delete this record?" ConfirmTitle="Delete Adjustment" FilterControlAltText="Filter delete column" HeaderText="Delete" UniqueName="delete">
									</telerik:GridButtonColumn>

									<telerik:GridBoundColumn DataField="owedRequestID" DataType="System.Int32" FilterControlAltText="Filter owedRequestID column" HeaderText="owedRequestID" ReadOnly="True" SortExpression="owedRequestID" UniqueName="owedRequestID" Display="false">
									</telerik:GridBoundColumn>

									<telerik:GridBoundColumn DataField="wageAdjRequestID" DataType="System.Int32" FilterControlAltText="Filter wageAdjRequestID column" HeaderText="wageAdjRequestID" SortExpression="wageAdjRequestID" UniqueName="wageAdjRequestID" Display="false" ReadOnly="true">
									</telerik:GridBoundColumn>

									<telerik:GridTemplateColumn DataField="sapWageCode" FilterControlAltText="Filter sapWageCode column" HeaderText="Wage Code" SortExpression="sapWageCode" UniqueName="sapWageCode">
										<EditItemTemplate>

											<telerik:RadDropDownList ID="ddlsapWageCode" runat="server" SelectedValue='<%# Bind("sapWageCode") %>' DataTextField="sapWageCodeAndName" DataValueField="sapWageCode" DataSourceID="sdsWageCode" Width="400" DefaultMessage="- Select -" AutoPostBack="True" CausesValidation="false" EnableViewState="true" OnSelectedIndexChanged="ddlsapWageCode_SelectedIndexChanged"></telerik:RadDropDownList>

										</EditItemTemplate>
										<ItemTemplate>
											<asp:Label ID="sapWageCodeLabel" runat="server" Text='<%# Eval("sapWageCode") %>'></asp:Label>
										</ItemTemplate>
									</telerik:GridTemplateColumn>

									<telerik:GridTemplateColumn DataField="sapAttnCode" FilterControlAltText="Filter sapAttnCode column" HeaderText="Attn Code" SortExpression="sapAttnCode" UniqueName="sapAttnCode">
										<EditItemTemplate>
											<telerik:RadDropDownList ID="ddlsapAttnCode" runat="server" DataTextField="sapAttnCodeAndName" DataValueField="sapAttnCode" Width="400" SelectedValue='<%# Eval("sapAttnCode")%>' DefaultMessage="- Select -"></telerik:RadDropDownList>
										</EditItemTemplate>
										<InsertItemTemplate>
											<telerik:RadDropDownList ID="ddlsapAttnCode" runat="server" DataTextField="sapAttnCodeAndName" DataValueField="sapAttnCode" Width="400" DefaultMessage="- Select -"></telerik:RadDropDownList>
										</InsertItemTemplate>
										<ItemTemplate>
											<asp:Label ID="sapAttnCodeLabel" runat="server" Text='<%# Eval("sapAttnCode") %>'></asp:Label>
										</ItemTemplate>
									</telerik:GridTemplateColumn>

									<telerik:GridBoundColumn DataField="sapWorkCenter" FilterControlAltText="Filter sapWorkCenter column" HeaderText="Work Center" SortExpression="sapWorkCenter" UniqueName="sapWorkCenter">
									</telerik:GridBoundColumn>

									<telerik:GridBoundColumn DataField="sapDept" FilterControlAltText="Filter sapDept column" HeaderText="Dept" SortExpression="sapDept" UniqueName="sapDept">
									</telerik:GridBoundColumn>

									<telerik:GridBoundColumn DataField="Hours" DataType="System.Decimal" FilterControlAltText="Filter Hours column" HeaderText="Hours" SortExpression="Hours" UniqueName="Hours">
									</telerik:GridBoundColumn>

									<telerik:GridBoundColumn DataField="RatePay" DataType="System.Decimal" FilterControlAltText="Filter RatePay column" HeaderText="RatePay" SortExpression="RatePay" UniqueName="RatePay">
									</telerik:GridBoundColumn>

									<telerik:GridDateTimeColumn DataField="Date" DataType="System.DateTime" FilterControlAltText="Filter Date column" HeaderText="Date" SortExpression="Date" UniqueName="Date" DataFormatString="{0:d}">
									</telerik:GridDateTimeColumn>

									<telerik:GridTemplateColumn DataField="sapJobCode" FilterControlAltText="Filter sapJobCode column" HeaderText="Job Code" SortExpression="sapJobCode" UniqueName="sapJobCode">
										<EditItemTemplate>
											<telerik:RadDropDownList ID="ddlsapJobCode" runat="server" DataSourceID="sdsJobCode" DataTextField="sapJobCodeAndName" DataValueField="sapJobCode" SelectedValue='<%# Bind("sapJobCode") %>' Width="400" DefaultMessage="- Select -"></telerik:RadDropDownList>
										</EditItemTemplate>
										<ItemTemplate>
											<asp:Label ID="sapJobCodeLabel" runat="server" Text='<%# Eval("sapJobCode") %>'></asp:Label>
										</ItemTemplate>
									</telerik:GridTemplateColumn>
								</Columns>

								<EditFormSettings>
									<EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1">
									</EditColumn>
								</EditFormSettings>

							</MasterTableView>

						</telerik:RadGrid>

<asp:SqlDataSource ID="sdsHDwithLoc" runat="server" ConnectionString="<%$ ConnectionStrings:XXXXXX_SAP %>"
		DeleteCommand="DELETE FROM [tblSAP_HoursDollarsOwedRequest] WHERE [owedRequestID] = @owedRequestID"
		SelectCommand="SELECT * FROM view_SAP_WageAdjRequest_hoursDollarsOwed WHERE (wageAdjRequestID = @wageAdjRequestID)"
		UpdateCommand="UPDATE tblSAP_HoursDollarsOwedRequest SET sapWageCode = @sapWageCode, sapAttnCode = @sapAttnCode, sapWorkCenter = @sapWorkCenter, sapDept = @sapDept, Hours = @Hours, RatePay = @RatePay, sapJobCode = @sapJobCode, Date = @Date  WHERE (owedRequestID = @owedRequestID)"
		InsertCommand="INSERT INTO tblSAP_HoursDollarsOwedRequest (wageAdjRequestID, sapWageCode, sapAttnCode, sapWorkCenter, sapDept, Hours, RatePay, sapJobCode, [Date]) VALUES (@wageAdjRequestID, @sapWageCode, @sapAttnCode, @sapWorkCenter, @sapDept, @Hours, @RatePay, @sapJobCode, @Date)">
		<SelectParameters>
			<asp:ControlParameter ControlID="lblWageAdjID" PropertyName="Text" Name="wageAdjRequestID" Type="Int32" />
		</SelectParameters>
		<DeleteParameters>
			<asp:Parameter Name="owedRequestID" Type="Int32" />
		</DeleteParameters>
		<UpdateParameters>
			<asp:Parameter Name="sapWageCode" Type="String" />
			<asp:Parameter Name="sapAttnCode" Type="String" />
			<asp:Parameter Name="sapWorkCenter" Type="String" />
			<asp:Parameter Name="sapDept" Type="String" />
			<asp:Parameter Name="Hours" Type="Decimal" />
			<asp:Parameter Name="RatePay" Type="Decimal" />
			<asp:Parameter Name="sapJobCode" Type="String" />
			<asp:Parameter Name="Date" Type="DateTime" />
			<asp:Parameter Name="owedRequestID" Type="Int32" />
		</UpdateParameters>
		<InsertParameters>
			<asp:ControlParameter ControlID="lblWageAdjID" PropertyName="text" Name="wageAdjRequestID" Type="Int32" />
			<asp:Parameter Name="sapWageCode" Type="String" />
			<asp:Parameter Name="sapAttnCode" Type="String" />
			<asp:Parameter Name="sapWorkCenter" Type="String" />
			<asp:Parameter Name="sapDept" Type="String" />
			<asp:Parameter Name="Hours" Type="Decimal" />
			<asp:Parameter Name="RatePay" Type="Decimal" />
			<asp:Parameter Name="sapJobCode" Type="String" />
			<asp:Parameter Name="Date" Type="DateTime" />
		</InsertParameters>
	</asp:SqlDataSource>

<asp:SqlDataSource ID="sdsWageCode" runat="server" ConnectionString="<%$ ConnectionStrings:XXXXXX_SAP %>"
		SelectCommand="SELECT [sapWageCode], sapWageCode + ' - ' + sapWageCodeName AS sapWageCodeAndName FROM [tblSAP_WageCode] WHERE [sapWageCodeActive] = 1 ORDER BY [sapWageCodeName]"></asp:SqlDataSource>

	<asp:SqlDataSource ID="sdsAttnCode" runat="server" ConnectionString="<%$ ConnectionStrings:XXXXXX_SAP %>"
		SelectCommand="SELECT [sapAttnCode], sapAttnCode + ' - ' + sapAttnCodeName AS sapAttnCodeAndName FROM [tblSAP_AttnCode] WHERE [sapAttnCodeActive] = 1 AND sapWageCode = @sapWageCode">
		<SelectParameters>
			<asp:ControlParameter ControlID="ddlsapWageCode" PropertyName="SelectedValue" Name="sapWageCode" Type="String" />
		</SelectParameters>
	</asp:SqlDataSource>

And I have tried this in my VB code behind:

Protected Sub ddlsapWageCode_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)

		Dim wageCodeDDL As RadDropDownList = CType(sender, RadDropDownList)
		Dim insertItem As GridEditFormInsertItem = CType(wageCodeDDL.NamingContainer, GridEditFormInsertItem)
		Dim attnCodeDDL As RadDropDownList = CType(insertItem.FindControl("ddlsapAttnCode"), RadDropDownList)
		Dim strWageCode = wageCodeDDL.SelectedValue.ToString

		Dim strAttnCode As String = Nothing
		Dim strAttnCodeAndName As String = Nothing

		Dim myConn As New SqlConnection(ConfigurationManager.ConnectionStrings("XXXXXX_SAP").ConnectionString)
		Dim strSelect As String = "SELECT [sapAttnCode], sapAttnCode + ' - ' + sapAttnCodeName AS sapAttnCodeAndName FROM [tblSAP_AttnCode] WHERE [sapAttnCodeActive] = 1 AND sapWageCode = @sapWageCode"
		Dim myCmd As New SqlCommand(strSelect, myConn)

		myConn.Open()

		With myCmd.Parameters
			.Add(New SqlParameter("@sapWageCode", strWageCode))
		End With

		Dim dr As SqlDataReader = myCmd.ExecuteReader

		While dr.Read
			strAttnCode = dr("sapAttnCode")
			strAttnCodeAndName = dr("sapAttnCodeAndName")
		End While

		myConn.Close()
		myCmd.Dispose()
		myConn.Dispose()
		dr.Close()

		attnCodeDDL.DataValueField = strAttnCode
		attnCodeDDL.DataTextField = strAttnCodeAndName

		attnCodeDDL.DataBind()

	End Sub

Thank you in advance!

DropDownList

Grid

UI for ASP.NET AJAX in ASP.NET MVC

answered on 12 Oct 2021

1 answer

106 views

How do I get OnButtonClick from a RadToolBar in an ascx to fire the event?

I have two pages:

a.aspx
b.ascx

The goal is to get the RadToolBarButtons on b.ascx to fire the OnButtonClick() event as defined in the RadToolBar .

a.aspx is the host page for b.ascx and has this placeholder for different RadGrids:

<div id="divMiniGrid" runat="server" visible='<%# ActiveViewID != "viewFees" %>' class="rightPane">
<sf:PaymentDetailsGrid ID="ctlMiniGrid" runat="server" class="rightPane" Visible="false" IsCondensed="true" />
</div>

b.ascx has the actual RadGrid that is loaded in a.aspx. The RadGrid has an ItemTemplated RadToolbar:

<telerik:RadGrid ...>
<MasterTableView ...>
<CommandItemTemplate>
<telerik:RadToolBar ... OnButtonClick="PaymentDetailsToolbar_ButtonClick" EnableViewState="true" onClientButtonClicking="ClientButtonClicking" ...>
<Items>
<telerik:RadToolBarButton runat="server" Text="Edit" ImageUrl="../images/icons/refresh.svg" CommandName="Edit" Enabled="False" />

The PaymentDetailsToolbar_ButtonClick() event lives on b.ascx, but it is never fired when the RadToolBarButton is clicked. Here's the signature:

protected void PaymentDetailsToolbar_ButtonClick(object sender, Telerik.Web.UI.RadToolBarEventArgs e){...}

The only event that is fired is a.aspx Page_Load() event when the RadToolBarButton is clicked. What's going on?

Grid

ToolBar

UI for ASP.NET AJAX in ASP.NET MVC