Questions on UI for ASP.NET AJAX Forum

2 answers

463 views

How to add files to UploadedFilesCollection

Hello!

I wasn't sure how to title my thread. I have a test case that I'm not sure how to handle appropriately.

I have the following control set up:

<telerik:RadAsyncUpload ID="uploadControl" runat="server"

Skin="MetroTouch"

UseApplicationPoolImpersonation="true"

AutoAddFileInputs="true"

InitialFileInputsCount="1"

EnableInlineProgress="true"

MultipleFileSelection="Automatic"

MaxFileInputsCount="5" >

This control is in a RadWizard that saves each step incrementally (Next/Previous click, NavigationButton Click). The RadWizard's validation is triggered on the "Finish" button. I am using the MaxFileInputsCount property to determine how many files are required to pass validation - in the case above, the control needs 5 files to be uploaded to pass field validation on the "Finish" button click.

Here is the scenario that is causing me trouble:

Let's say I launch the RadWizard, go to the step with my upload control and only upload 2 of the 5 required files. I click "Next" and the 2 files are uploaded and their paths saved to the database. When I click "Finish", I get an error saying I can't submit because I need to upload 3 more files. This all works fine.

Now, I exit and relaunch the RadWizard to complete my form, and I go to the upload control step.

Currently, if I upload 2 out of 5 files, exit and go back in the application, I can upload another 5 files instead of just 3. How can I re-load the AsyncUpload control and add the 2 previously-uploaded files to the UploadedFileCollection() in order for the control to know that I need 3 more files before hiding the FileInput button and so that I can validate?

I hope that makes sense!

I tried setting the UploadedFiles() property of the AsyncUpload control as demonstrated below, but that property is read-only... and there is no "Add" function for the UploadeFilesCollection(), so obviously that code gives me a bunch of errors.

Dim colFiles As Telerik.Web.UI.UploadedFileCollection()

For Each filename In arrUploadedFiles

Dim objFile As Telerik.Web.UI.UploadedFile

objFile.FileName = strUploadPath & filename.ToString

colFiles.Add(objFile)

Next

uploadControl.UploadedFiles = colFiles

AsyncUpload

answered on 03 Mar 2016

1 answer

79 views

Async Upload change of file dispalying

i want to display image on upload successfully. like given in attached file.

Don't want to display name. want to show image directly.

please help me. thanks in advance.

AsyncUpload

answered on 03 Mar 2016

4 answers

114 views

Enable asp button on RadCombobox and RadDatePicker

In a form, I have both RadComboBox and RadDatePicker and I want to enable an asp button if any change is made to them. How I can make it possible.

I use below code for textboxes and it's working fine:

$(document).ready(function () {

$("#BtnUpdate").attr('disabled', 'disabled');

$("input.UpdateCSS").keyup(function () {

$("#BtnUpdate").removeAttr('disabled');

});

$("input.UpdateCSS").change(function () {

$("#BtnUpdate").removeAttr("disabled");

});

ComboBox

answered on 03 Mar 2016

1 answer

90 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

166 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

236 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

110 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

667 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

145 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