Questions on UI for ASP.NET AJAX Forum

1 answer

95 views

RTL Support

Hi

Does ClientExportManager support rtl languages?

Thanks

ClientExportManager

answered on 03 Mar 2016

1 answer

1.0K+ views

fetch the row index and row items on click of button.

Hi,

Need urgent help.

I am working on radgrid.

<telerik:GridBoundColumn SortExpression="BPMTempCheck" HeaderText="BPMTempCheck" AllowSorting="false"
HeaderButtonType="TextButton" DataField="BPMTempCheck" UniqueName="BPMTempCheck"
CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="75px" Display="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="ActionType" HeaderText="ActionType" AllowSorting="false"
HeaderButtonType="TextButton" DataField="ActionType" UniqueName="ActionType"
CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="75px" Display="false">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Shop Code" UniqueName="ShopCode">
<ItemTemplate>
<asp:TextBox ID="txtShopCode" runat="server"></asp:TextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Reporting Unit" UniqueName="ReportingUnit">
<ItemTemplate>
<asp:TextBox ID="txtReportingUnit" runat="server"></asp:TextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn>
<ItemTemplate>
<asp:Button ID="btnUploadGRS" runat="server" Text="Upload to GRAPE" OnClick="btnUploadGRS_Click" />
</ItemTemplate>
</telerik:GridTemplateColumn>

i want to fetch the row index and the other columns details on onClick event of the button "btnUploadGRS_Click". I want to fetch the details of the row in which button is clicked.

How can i get the details in the code behind file.

Thanks

Amit

Button

answered on 02 Mar 2016

1 answer

176 views

RadAjaxLoadingPanel activated onClick do not work with master page

Hi!

I am transfering some standalone .aspx pages (with telerik controls such as radButtons, radHtmlCharts, radCodeBlocks etc.) to pages that use a master page file for common layouting.

I am facing an issue with AjaxManager and AjaxLoadingPanel, activated when the user clicks on a RadHtmlChart series to drill down. This was working just fine when the page was implemented as standalone however it stopped working when tried to bind the page to a master page file.

What i exactly try to achieve is to have a chart loaded in a AjaxLoadingPanel on its series click event. I have also mupltiple RadHtmlCharts in my page so the only way to load each chart separately (on its series click event) is to have some hidden buttons in my page,passing some ajaxRequestWithTarget values to vode behind.

Since i am using a master page, i use an RadAjaxManagerProxy in my .aspx page for managing telerik control ajax update actions.

So here is my master page code:

<%@ Master Language="VB" AutoEventWireup="true" CodeFile="DashboardMaster.master.vb" Inherits="DashboardMaster" %>

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

<!DOCTYPE html>

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

<head runat="server">

...

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

</asp:ContentPlaceHolder>

</head>

<body>

...

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePartialRendering="true">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

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

</asp:ContentPlaceHolder>

</div>

</form>

...

And here is the .aspx page relevant code:

<%@ Page Title="" Language="VB" MasterPageFile="~/Dashboard2/DashboardMaster.master" AutoEventWireup="true" CodeFile="CorporateView3.aspx.vb" Inherits="CorporateView3" %>

...

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButtonAverageImageResolutionOfCountries">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadHtmlChartAverageImageResolutionOfCountries" LoadingPanelID="AjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

...

</telerik:RadAjaxManagerProxy>

...

<telerik:RadCodeBlock ID="RadCodeBlock65" runat="server">

<script type="text/javascript">

function AverageImageResolutionOfCountriesOnClientSeriesClicked(sender, args) {

var btn1 = $find("<%=RadButtonAverageImageResolutionOfCountries.ClientID%>");

if (args.get_seriesName() !== "Sites") {

btn1.set_commandName(args.get_category());

$find('<%= RadAjaxManager.GetCurrent(Page).ClientID %>').ajaxRequestWithTarget("RadButtonAverageImageResolutionOfCountries", "");

}

</script>

</telerik:RadCodeBlock>

...

<telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Skin="BlackMetroTouch">

</telerik:RadAjaxLoadingPanel>

...

<div style="display: none;">

<telerik:RadButton ID="RadButtonAverageImageResolutionOfCountries" runat="server" Text="RadButtonAverageImageResolutionOfCountries" OnClick="RadButtonAverageImageResolutionOfCountries_Click" />

</div>

...

<div class="col4">

<telerik:RadHtmlChart runat="server" ID="RadHtmlChartAverageImageResolutionOfCountries" Skin="Black" Height="280" OnClientSeriesClicked="AverageImageResolutionOfCountriesOnClientSeriesClicked">

<Appearance>

<FillStyle BackgroundColor="#262626"></FillStyle>

</Appearance>

<ChartTitle Text="Average Image Resolution">

<Appearance>

<TextStyle Color="#7f7f7f" FontSize="18" FontFamily="Arial,sans-serif" Margin="5 0 40 0" Padding="0" Bold="true" Italic="false" />

</Appearance>

</ChartTitle>

<Legend>

<Appearance Visible="false" />

</Legend>

<PlotArea>

<Appearance></Appearance>

<Series>

<telerik:ColumnSeries Name="Countries" DataFieldY="AverageImageResolution">

<TooltipsAppearance DataFormatString="{0:0,0.00}" />

<LabelsAppearance Visible="true" DataFormatString="{0:0,0.00}" Color="#b5acac" />

<Appearance FillStyle-BackgroundColor="#336ca6" Overlay-Gradient="None"></Appearance>

</telerik:ColumnSeries>

</Series>

<XAxis DataLabelsField="Country" Color="#8f8686">

<MajorGridLines Color="#424040" Width="1" Visible="true"></MajorGridLines>

<MinorGridLines Color="#343333" Width="1" Visible="true"></MinorGridLines>

</XAxis>

<YAxis Color="#8f8686">

<LabelsAppearance DataFormatString="{0}" />

<MajorGridLines Color="#424040" Width="1" Visible="true"></MajorGridLines>

<MinorGridLines Color="#343333" Width="1" Visible="true"></MinorGridLines>

</YAxis>

</PlotArea>

</telerik:RadHtmlChart>

</div>

</asp:Content>

As you can see there is an RadHtmlChart: RadHtmlChartAverageImageResolutionOfCountries in the page, triggering AverageImageResolutionOfCountriesOnClientSeriesClicked when a series item is clicked.

This jscript function is triggering: ajaxRequestWithTarget(RadButtonAverageImageResolutionOfCountries...) which updates the radHtmlChart using AjaxLoadingPanel1.

The code called on button "click" is:

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

'Execute some server logic

System.Threading.Thread.Sleep(2000)

Dim seriesNameRes As String = RadHtmlChartAverageImageResolutionOfCountries.PlotArea.Series(0).Name

If seriesNameRes = "Countries" Then

Dim CountryRes As String = (RadButtonAverageImageResolutionOfCountries.CommandName).ToString

RadHtmlChartAverageImageResolutionOfCountries.PlotArea.XAxis.DataLabelsField = "Site"

RadHtmlChartAverageImageResolutionOfCountries.PlotArea.Series(0).DataFieldY = "AverageImageResolution"

RadHtmlChartAverageImageResolutionOfCountries.PlotArea.Series(0).Name="Sites"

RadHtmlChartAverageImageResolutionOfCountries.DataSource = GetAverageImageResolutionOfEntitiesSelectedParentTimeSpan("Sites", CountryRes, FromDateValue, ToDateValue)

RadHtmlChartAverageImageResolutionOfCountries.DataBind()

End If

End Sub

The logic above used to work just fine, however is stopped working when start using a master page file.

Now when the user clicks on a series item event if jscript function is called (AverageImageResolutionOfCountriesOnClientSeriesClicked), the page get fully refrershed.

AjaxLoadingPanel is not working any more and the code behind is not called at all (RadButtonAverageImageResolutionOfCountries_Click not called).

Any ideas of what i may be missing?

Ajax

answered on 02 Mar 2016

16 answers

255 views

Hierarchial Grouping using Rad Grid

Hi,

Using RadGrid Control i need to implement Grouping Based upon the hierarchy for eg. My data will be look like this
     Name                       Age                  Status
---------------------------------------------------------------------------
+ CategoryA
   + CategoryB
         Person 1               25                    Working
         Person 2              26                    Self Employment
   + CategoryC
         Person 3               23                    Student
         Person 4               23                    Student
         +  Category F
                  Person 5      24                     Agriculture
+ CategoryD
     + Category E
           Person 6             25                     Software Engineer

In the above example the Category will be having a hierarchy structure and the details inside that will be fetched out different table based on reference.

Hope you can understand the scenario which i am trying to convey and waiting for your quick response. Also don wanna use nested grid to implement this. Kindly share me how can i acheive the above using rad grid.

Thanks
Bala

Grid

answered on 02 Mar 2016

1 answer

120 views

[Solved] Nested Grid

Hello,

I have used grid in <NestedViewTemplate>. I have added a button in column in grid in nestedviewtemplate.

How to access columns value on click of button of particular row.

How to find Nested grid and value of columns of nested grid on click of button in nested grid.

Thank you

Grid

answered on 02 Mar 2016

8 answers

686 views

Set selected value client side

Is there any client side api method that I can set selected value of RadDropDownTree? In API document I can't find a method.

DropDownTree

answered on 02 Mar 2016

1 answer

156 views

RadMenu skin not working on IE 11.0

I am using a skin of "Office2010Black" and it is not working properly on Internet Explorer 11.0 while it is working fine on Mozilla Firefox. The code is mentioned below:

<telerik:RadMenu RenderMode="Lightweight" ID="RadMenu2" runat="server" Flow="Horizontal"
ShowToggleHandle="true" Skin="Office2010Black" Width="70%">

</telerik:RadMenu>

Please help.

Menu

answered on 02 Mar 2016

1 answer

180 views

DataForm in RadWizard - How to get dataform data?

I have a DataForm inside a step in a RadWizard. The dataform contains three comboboxes that are populated on the load of the particular step. I do not want to require the user to have to enter edit mode (I want the dataform to always be in editmode for every record). There is a datapager located at the bottom of the dataform. Whenever the user clicks on either the next or previous record buttons or advances to the next step in the wizard, I need to collect the checked items in each of the three comboboxes. I have tried to key off of the pageindexchanged but there is no dataformitem attached to this event apparently. I have tried to key into the itemupdated and itemediting events but they never fire. Is there a way to simply access the three comboboxes whenever the user changes the page index or advances to the next step in the wizard?

DataForm

answered on 02 Mar 2016

1 answer

130 views

Create object in Runtime

Good day, I am developing a website using Telerik, but there is the need to create objects at runtime and the configuration of a Table I indicates whether a RadLabel or RadTextbox, etc, how I can create objects at runtime ? I'm using Visual Studio2012

AjaxPanel

answered on 02 Mar 2016

3 answers

280 views

Footer total in Batch Edit Mode

Hello, I was wondering is there a current way that I can implement Client-side calculations in a Grid Footer while but having the Grid set to Batch Edit Mode? I saw an example on implementing this using a template column as well as set the value of a totals column based on two separate columns calculations but I was wondering about setting the footer to a total.

Thanks,

Ramey

Grid

answered on 02 Mar 2016