Questions on UI for ASP.NET AJAX Forum

2 answers

91 views

Hi - I have implemented a rudimentary 'search' function for my TreeList and cal select the required row server side but it does not seem to be possible so far to force the row to scroll into view. Is there a way to do this as it is available in the treeView but not the TreeList it seems.

TreeList

answered on 15 Jul 2014

1 answer

114 views

Keep getting a javascript error while upload, the 1st time

It seems to fail on this line
var f=e.get_handled();
if(!f){throw"Error while uploading, "+i;a("object",j).remove();

But if I try again it works. And if the cache isn't cleared it works. I moved the custom javascript to the bottom and I think the web.config is ok, but here is my code:

<%@ Page Language="C#" AutoEventWireup="true" Inherits="AssocUploader" CodeBehind="AssocUploader.aspx.cs" %>

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

<!DOCTYPE html>

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

<head runat="server">

<title></title>

<script type="text/javascript" src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>

</head>

<body style="font-family: Verdana; font-size: 12px; background-color: lightblue">

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

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

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

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanelAAUp">

<div>

<table>

<tr>

<td style="text-align: center" colspan="2">

<asp:Label Text="Upload File with Description" Font-Bold="true" Font-Size="15px" runat="server" />

<br />

</td>

</tr>

<tr>

<td>File Description</td>

<td>

<telerik:RadTextBox runat="server" Width="200px" ID="tbFileDesc" />

</td>

</tr>

<tr>

<td colspan="2">

<br />

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

Width="250px" OnClientFileUploaded="fileUploaded" DisablePlugins="true"

ChunkSize="2097152" DisableChunkUpload="False"

MultipleFileSelection="Disabled" OnClientFileUploadFailed="onFileFailed"

ManualUpload="true" OnClientFileUploading="onClientFileUploading"

HttpHandlerUrl="~/AssocUploadHandler.ashx"

AllowedFileExtensions="pdf">

</telerik:RadAsyncUpload>

</td>

</tr>

<tr>

<td>

<input type="button" onclick="startManualUpload()" value="start upload" />

</td>

</tr>

<tr>

<td>

<asp:Label Text="" ForeColor="DarkRed" runat="server" ID="txtError" />

<br />

<asp:Label Text="" ForeColor="DarkGreen" runat="server" ID="txtDebug" />

</td>

</tr>

</table>

</div>

</telerik:RadAjaxPanel>

</form>

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

<style type="text/css">

.RadUpload_Default .ruFakeInput {

display: none !important;

}

</style>

<script type="text/javascript">

function fileUploaded(sender, args) {

document.getElementById("txtDebug").innerText = 'File has uploaded. Close the window or add another file';

}

function onFileFailed(sender, args) {

document.getElementById("txtDebug").innerText = '';

document.getElementById("txtError").innerText = 'File Upload Failed';

}

function startManualUpload() {

var tb = $find('<%=tbFileDesc.ClientID%>');

var tbtxt;

try {

tbtxt = tb._text.length;

}

catch (err) {

document.getElementById("txtError").innerText = 'Description Error:' + err;

return;

}

if (tbtxt == 0) {

document.getElementById("txtError").innerText = 'Enter Description';

}

else {

try {

var upload = $find('<%=radUpAssoc.ClientID%>');

upload.startUpload();

document.getElementById("txtError").innerText = '';

}

catch (err) {

document.getElementById("txtError").innerText = 'Upload Exception:' + err;

return;

}

function onClientFileUploading(sender, args) {

var tb = $find('<%=tbFileDesc.ClientID%>');

var tbtxt = tb._text

var obj = { desc: tbtxt };

args.set_queryStringParams(obj);

}

if (typeof (Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();

</script>

</telerik:RadCodeBlock>

</body>

</html>

Upload (Obsolete)

answered on 15 Jul 2014

1 answer

837 views

Currency format in RadNumericTextbox

Hi all,
I am trying to change the number format(Inter related to group size) of RadNumericTextbox.
Here is my Input:
Input : 1000000000.00
After loosing the focus textbox text becomes "1,000,000,000"

I want it to show like: "1,00,00,00,000.00" (Indian currency format)

I tried using javascript also. Its formatting properly and returning result as the same. But after setting the value to textbox it automatically changes to previous formar(ie. 1,000,000,000).

Any help will be appreciated.

Thanks
Amit Kumar

Input

answered on 15 Jul 2014

1 answer

238 views

radGrid client side binding with RESTful service

Can radGrid client side binding get data from a RESTful service with GET method? or can client side binding work with ASP.NET Web API 2?

Thanks,

Grid

answered on 15 Jul 2014

1 answer

157 views

NestedViewTemplate & Grid - Group Footers

Hi there,

I am trying to make the exact demo as http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/grouping/group-footers/defaultcs.aspx for a nestedviewtemplate , however, it doesnt work.
I do basically have a grid and another grid as a nested one into the master, and I would like to make a footer total calculation in the nested grid template.
Any idea ?
thank you

Grid

answered on 15 Jul 2014

12 answers

634 views

RadTextBox gives empty value

Hello!

I'm currently using Radcontrols with version 2012.2.724.40

I have a login page, and when the page is loaded, the radtextbox used for the login input becomes automaticly filled with text by the browser memory with the last login used. When i do a postback the radtextbox returns empty string on the server side. Also in the server side when using requiredfiledvalidator it fires the error message indicating the field is empty.

Another way to test this problem is to fill any radtextbox in the form, then redirecto to another page, and then with the browser return button go back to the same page, see the previous filled text in the radtexbox's and confirm that they keep returning empty values both on client side or server side.

This problem only occurs in this current version. With 2012 Q1 or older releases it works fine.

Input

answered on 15 Jul 2014

4 answers

281 views

RadAjaxManager.ajaxRequest cause duplicate error message in ValidationSummary

Hi,

Below describes my page:
A ValidationSummary control at the top of my page.
A RadComboBox with a RadTreeView as the ItemTemplate.
A password textbox with a RequiredFieldValidator to validate this textbox(validation group = save )
An input type='file' control
A RadToolBar with submit button with validation group = save

Because the RadTreeView will cause a full postback(which will clear the file control), i'm setting the OnClientNodeClicking event to raise the ajax Request.
This works fine(file control will not be cleared) but there is a problem with this. Whenever i select a node in the TreeView and the password textbox is empty, the error messages is appended to the validation summary control rather than overweriting it.

This reproduces the problem:

1) Leave the password textbox empty
2) Select the tree view node(3 times)
3) While the password textbox is still empty, click on the submit
4) You will see the error messages showing three times. If step 2 is repeated 10 times, then the message will have 10 duplicates.

Why is this happening?

I hope someone can help.

Regards,
Dexter

Ajax

answered on 15 Jul 2014

10 answers

632 views

Check the item onclick Checkboxes=true

I have a RadComboBox with CheckBoxes="true". Everything is working fine. However, the user has to click exactly on the checkbox to check/uncheck the item. How to enable the item to toggle checked state when the user clicks anywhere within the item?

I have also set the AutoPostBack="true" for this combobox. In the earlier version, the user could check/uncheck as many items as they want and the postback would occur on taking focus out of the combobox. I updated the project to use Telerik.Web.UI.dll v2011.3.1305.40. But now the control does a postback every time an item is checked/unchecked. How to revert it back to the old behavior?

Thanks,
Raghu

ComboBox

answered on 15 Jul 2014

1 answer

249 views

onmouseover/hover event on x axis label

Does anyone have a way of adding a onmouseover/onmouseout event to the x axis labels in a bar chart? I was able to add a click event to the x axis labels using the axisLabelClick event. From what i've read there is no built in event for the hover of the x axis labels. Does anyone have a custom way to do this?

I'd like the x axis labels to look and act like a hyperlink (cursor pointer and underline upon onmouseover)

<telerik:RadHtmlChart runat="server" ID="BarChart" Height="400" Transitions="true" DataSourceID="ChartsDataSource" OnClientSeriesClicked="OnClientSeriesClicked">

<PlotArea>

<Appearance>

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

</Appearance>

<Series>

<telerik:BarSeries DataFieldY="PercentPaid">

<Appearance FillStyle-BackgroundColor="#729021"></Appearance>

<LabelsAppearance Position="InsideBase" Color="White">

<ClientTemplate>

$#=dataItem.PaidToDate#

</ClientTemplate>

</LabelsAppearance>

</telerik:BarSeries>

</Series>

<XAxis DataLabelsField="CustomerName" Reversed="false" >

<TitleAppearance Text="Customer Name" Visible="false">

<TextStyle Margin="20" />

</TitleAppearance>

<MajorGridLines Visible="false" Width="0" />

<MinorGridLines Visible="false" />

</XAxis>

<YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="1" MajorTickType="Outside"

MinorTickSize="1" MinorTickType="Outside" MinValue="0" MaxValue="100" Reversed="false">

<LabelsAppearance DataFormatString="{0}%" RotationAngle="30" Skip="0" ></LabelsAppearance>

<MajorGridLines Color="#EFEFEF" Width="0"></MajorGridLines>

<MinorGridLines Color="#F7F7F7" Width="0"></MinorGridLines>

<TitleAppearance Position="Center" RotationAngle="0" Text="Percent Paid" ></TitleAppearance>

</YAxis>

</PlotArea>

</telerik:RadHtmlChart>

Chart (Obsolete)

answered on 15 Jul 2014

8 answers

270 views

RadTreeview save expanded state without session object

I have a RadTree controls in a single page divided by tabs, 1st tab two radtrees, 2nd tab three, 3rd tab three.
Child nodes are expanding LoadOnDemand event.

I gonna maintain Tree view state(without session) though user refresh the page. If user expands parent node and press F5 button we have to show expanded nodes as it is.

Private Shared dictOriginTree As New Dictionary(Of String, Boolean)

Protected Sub rtvOriginTree_NodeExpand(sender As Object, e As RadTreeNodeEventArgs)
If Not dictOriginTree.ContainsKey(e.Node.UniqueID) Then
dictOriginTree.Add(e.Node.UniqueID, e.Node.Expanded)
End If
End Sub

Protected Sub ramMasterDocumentsAjaxManager_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs)
Dim node As RadTreeNode
For Each node In rtvOriginTree.GetAllNodes()
If dictOriginTree.ContainsKey(node.UniqueID) Then
node.ExpandParentNodes()
node.ExpandChildNodes()
node.Expanded = dictOriginTree.Item(node.UniqueID.ToString())
node.ExpandMode = TreeNodeExpandMode.ServerSide
End If
Next
End Sub

TreeView

answered on 15 Jul 2014