Questions on UI for ASP.NET AJAX Forum

2 answers

91 views

RadNumeric Textbox

How To restrict RadNumericTextbox DecimalSeparator=". , "
I restrict both of then

Thanks Advance,
Mohamed.

Grid

answered on 09 May 2012

4 answers

102 views

How to fire EditCommand event in hierarchichal grid

Hi

I am using a hierarchical grid to show parent child data, when I update the parent record it is easy to use code behind running on the EditCommand event to grab some values for inserting back in to the record on update and it works well.

However I cant work out how to make the EditCommand event to fire in the child grid? I assume that as the DetailTables use another GridView to show the data that it would have access to the same events but I dont know how to access that event in my aspx.vb code

Thx for any advice you can give

Kind regards

Dwight

Grid

answered on 09 May 2012

1 answer

165 views

Urgent questions about OnClientValidationFailed event

Hi Telerik,

Below is my code. Before I add OnclientvalidationFailed event and specify MaxFileSize, everything works fine. However, after I added this event, the code in my onclientfileuploaded does not function well.

What happened was -
(1), (3), (5) are still on the list, while I am expecting only (1), (3) on the list.

Steps to reproduce an error -
(1) upload a good file - e.g. Doc1
(2) upload a file which is more than 2 mb
(3) upload a different good file - e.g. doc2
(4) upload a too large file
(5) upload (1)'s file

This is very urget. Please kindly help.

Thanks!

Joan

HTML -

<

div id="uploadDiv" class="uploadDiv">

<telerik:radasyncupload id="inputFile" runat="server" temporaryfileexpiration="02:00:00" MaxFileSize="2097152"

allowedfileextensions="gif,png,jpg,jpeg,bmp,pdf,doc,docx,csv,xls,xlsx,xlt,txt,rtf,msg,ppt,pptx,msi"

onclientfileselected="OnFileSelected" onclientfilesuploaded="OnFilesUploaded"

onclientprogressupdating="OnProgressUpdating" onclientfileuploaded="OnFileUploaded"

onclientfileuploadremoved="OnFileUploadRemoved" OnClientValidationFailed="OnClientValidationFailed"

OnClientFileUploadFailed="OnFileUploadFailed"

>

Javascript -

<

script type="text/javascript">

var MAX_TOTAL_BYTES = 2097152;

var filesSize = new Array();

var OVERSIZE_MESSAGE = "Maximum total upload size is 2MB";

var isDuplicateFile = false;

var fileCount = 0;

var uploadingFiles =[];

var uploadsInProgress = 0; //add new code - start

function OnFileSelected(sender, args) {

for (var fileindex in sender._uploadedFiles) {

if (sender._uploadedFiles[fileindex].fileInfo.FileName == args.get_fileName()) {

isDuplicateFile =

true;

}

//add new code - start

if (!uploadsInProgress) {

}

uploadsInProgress++;

//add new code - end

}

function OnFilesUploaded(sender, args) {

if (sender._uploadedFiles.length == 0) {

filesSize =

new Array();

//add new code - start

uploadsInProgress = 0;

//add new code - end

}

//add new code - start

if (uploadsInProgress > 0) {

DecrementUploadsInProgress();

}

//add new code - end

}

function OnProgressUpdating(sender, args) {

filesSize[args.get_data().fileName] = args.get_data().fileSize;

}

function OnFileUploaded(sender, args) {

/*original code

var totalBytes = 0;

var numberOfFiles = sender._uploadedFiles.length;

if (isDuplicateFile) {

sender.deleteFileInputAt(numberOfFiles - 1);

isDuplicateFile = false;

sender.updateClientState();

if (args.get_fileName() != null)

{ alert(args.get_fileName() + ' ' + 'already exists.'); }

else

{ alert('File already exists.'); }

return;

}

for (var index in filesSize) {

totalBytes += filesSize[index];

}

if (totalBytes > MAX_TOTAL_BYTES) {

sender.deleteFileInputAt(numberOfFiles - 1);

sender.updateClientState();

alert(OVERSIZE_MESSAGE);

}

*/

//sender.set_enabled(true);

var totalBytes = 0;

var wrongfileIndex = null;

var numberOfFiles = sender._uploadedFiles.length;

var deletedFileName = null;

if (isDuplicateFile) {

//replace with the following

var col = sender.getUploadedFiles();

for (var fileindex in sender.getUploadedFiles()) {

if (col[fileindex] == args.get_fileName()) {

wrongfileIndex = fileindex;

if (wrongfileIndex != null) {

if (deletedFileName == null) {

deletedFileName = args.get_fileName();

sender.deleteFileInputAt(wrongfileIndex);

}

else {

if (deletedFileName == args.get_fileName()) {

deletedFileName=

null;

}

isDuplicateFile =

false;

sender.updateClientState();

if (args.get_fileName() != null)

{ alert(args.get_fileName() +

' ' + 'already exists.'); }

else

{ alert(

'File already exists.'); }

col = sender.getUploadedFiles();

return;

}

for (var index in sender._uploadedFiles) {

totalBytes += sender._uploadedFiles[index].fileInfo.ContentLength;

}

if (totalBytes > MAX_TOTAL_BYTES) {

//sender.deleteFileInputAt(numberOfFiles - 1);

//replace with the following

var col = sender.getUploadedFiles();

for (var fileindex in sender.getUploadedFiles()) {

if (col[fileindex] == args.get_fileName()) {

wrongfileIndex = fileindex;

if (wrongfileIndex != null) {

sender.deleteFileInputAt(wrongfileIndex);

}

col = sender.getUploadedFiles();

sender.updateClientState();

col = sender.getUploadedFiles();

alert(OVERSIZE_MESSAGE);

}

function OnFileUploadRemoved(sender, args) {

if (args.get_fileName() != null) {

if (!isDuplicateFile) {

delete filesSize[args.get_fileName()];

}

}

function OnFileUploadFailed(sender, args) {

DecrementUploadsInProgress();

}

function ConfigureSuccessfullyUploadedMessage(docName) {

$ = $telerik.$;

var attPanel = $(".info-panel");

var divs = attPanel[0].all;

for (var i = 0; i < divs.length; i++) {

var element = divs[i];

if (element.innerText == docName) {

element.style.display =

"none";

if (fileCount > 0) {

fileCount = fileCount - 1;

}

function OnClientFileUploading(sender, args) {

/*$telerik.$(".ruCancel").bind('click', function (e) {

$telerik.$(this).parent().remove();

});*/

}

function OnClientValidationFailed(sender, eventArgs) {

/*original code

alert('Wrong file type: ' + eventArgs.get_fileName());

$telerik.$(eventArgs.get_row()).css("display", "none");

*/

//check if validation fails because of wrong extenstion

if(!checkFileExt(eventArgs.get_fileName()))

{

alert(

'Wrong file type: ' + eventArgs.get_fileName());

}

else

{

alert(OVERSIZE_MESSAGE +

'. ' + eventArgs.get_fileName() + ' is too large.');

}

$telerik.$(eventArgs.get_row()).css(

"display", "none");

}

function checkFileExt(elem) {

var filePath = elem;

if (filePath.indexOf('.') == -1)

return false;

var validExtensions = new Array();

var ext = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase();

validExtensions[0] =

'gif';

validExtensions[1] =

'png';

validExtensions[2] =

'jpg';

validExtensions[3] =

'jpeg';

validExtensions[4] =

'bmp';

validExtensions[5] =

'pdf';

validExtensions[6] =

'doc';

validExtensions[7] =

'docx';

validExtensions[8] =

'csv';

validExtensions[9] =

'xls';

validExtensions[10] =

'xlsx';

validExtensions[11] =

'xlt';

validExtensions[12] =

'txt';

validExtensions[13] =

'rtf';

validExtensions[14] =

'msg';

validExtensions[15] =

'ppt';

validExtensions[16] =

'pptx';

validExtensions[16] =

'msi';

for (var i = 0; i < validExtensions.length; i++) {

if (ext == validExtensions[i])

return true;

}

return false;

}

//add new code - start

function DecrementUploadsInProgress() {

uploadsInProgress--;

if (!uploadsInProgress) {

$telerik.$(

".ruBrowse").removeAttr("disabled");

$telerik.$(

".ruFakeInput").removeAttr("disabled");

}

//add new code - end

function OnClientAdded(sender, args) {

alert(

'Added');

}

//occurs when file commence uploading

function OnClientFileUploading(sender, eventArgs) {

//cancel the upload

//eventArgs.set_cancel(true);//not working

alert(

'no duplicate file: ' + args.get_fileName());

//hide the uploading item

$telerik.$(eventArgs.get_row()).css(

"display", "none");

//check if uploading files contain the new updating file

var _containDuplicateFile = false;

if (uploadingFiles != null && uploadingFiles.length > 0) {

for (var i = 0; i < uploadingFiles.length; i++) {

if (uploadingFiles[i] == args.get_fileName()) {

_containDuplicateFile =

true;

break;

}

if (_containDuplicateFile) {

//cancel the upload

args.set_cancel(

true);

alert(

'no duplicate file: ' + args.get_fileName());

//hide the uploading item

$telerik.$(args.get_row()).css(

"display", "none");

}

else if (!_containDuplicateFile) {

uploadingFiles[args.get_fileName()] = args.get_fileName();

}

</script>

AsyncUpload

answered on 09 May 2012

6 answers

122 views

Image Manager Issue With Latest Build

Since updating to your guys latest dll's we appear to have a problem with the Image Manager within the RadEditor.

The image manager has a created date field built into it and this now appears to fall over since the last updates.

The following code is what is being implemented:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

_RadFileExplorer = CType(Me.FindRadControl(Me.Page), Telerik.Web.UI.RadFileExplorer)

If Not _RadFileExplorer Is Nothing Then

_RadFileExplorer.Configuration.ContentProviderTypeName = GetType(CustomColumnsContentProvider).AssemblyQualifiedName

AddHandler _RadFileExplorer.ExplorerPopulated, AddressOf RadFileExplorer_ExplorerPopulated

End If

'Add the created date column

AddGridColumn("Creation Date", "Created", True)

Dim splitter As RadSplitter = _RadFileExplorer.FindControl("splitter")

End Sub





Private Sub AddGridColumn(ByVal name As String, ByVal uniqueName As String, ByVal sortable As Boolean)

        'remove first if grid has a column with that name

            RemoveGridColumn(uniqueName)

            ' Add a new column with the specified name

            Dim gridTemplateColumn1 As New GridTemplateColumn()

            gridTemplateColumn1.HeaderText = name

            If sortable Then

                gridTemplateColumn1.SortExpression = uniqueName

            End If

            gridTemplateColumn1.UniqueName = uniqueName

            gridTemplateColumn1.DataField = uniqueName





            _RadFileExplorer.Grid.Columns.Add(gridTemplateColumn1)

    End Sub





    Private Sub RemoveGridColumn(ByVal uniqueName As String)

        If Not [Object].Equals(_RadFileExplorer.Grid.Columns.FindByUniqueNameSafe(uniqueName), Nothing) Then

            _RadFileExplorer.Grid.Columns.Remove(_RadFileExplorer.Grid.Columns.FindByUniqueNameSafe(uniqueName))

        End If

    End Sub

On both the .remove and .add of the grid column we are getting object reference errors. Are you guys aware of any issues or anything that may have changed surrounding this since the latest updates.

Thanks.

Editor

answered on 09 May 2012

1 answer

77 views

DatePicker reverts to US date format

using IE if i enter an invalid date the field highlights red and shows the ! icon - al ok so far.

If I then go back to the field and press escape twice the original date loaded is restored - the problem is that the date restored is shown in US format, i.e. month swapped with day.

How can I workaround this?

Calendar

answered on 09 May 2012

3 answers

109 views

DetailTable issue

Hi.,
I want to find the button ids(btnBookNP & btnClear)(I have written the code in bold below). Plz suggest me a solution
<telerik:RadGrid ID="dgridMain" runat="server" AutoGenerateColumns="False" AllowPaging="True"
CellPadding="1" CellSpacing="1" GridLines="None" DataKeyNames="ZoneId" PageSize='<%$ appSettings:RowSize %>'
OnNeedDataSource="dgridMain_NeedDataSource" OnDetailTableDataBind="dgridMain_DetailTableDataBind"
OnPreRender="RadGrid1_PreRender" AllowMultiRowSelection="True" OnItemCommand="dgridMain_ItemCommand"
Skin="Telerik" OnItemDataBound="dgridMain_DataBound">
<MasterTableView DataKeyNames="ZoneId" ExpandCollapseColumn-ButtonType="SpriteButton"
AllowMultiColumnSorting="True" ExpandCollapseColumn-Display="true">
<CommandItemSettings ShowExportToExcelButton="true" ShowExportToCsvButton="true"
ShowExportToPdfButton="true" ShowRefreshButton="true" ShowAddNewRecordButton="false" />
<DetailTables>
<telerik:GridTableView Name="NewsPaper" DataKeyNames="NewsPaperId" runat="server"
ExpandCollapseColumn-Display="true">
<DetailTables>
<telerik:GridTableView Name="Page" runat="server" DataKeyNames="Page" GridLines="None"
Skin="Black">
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<Columns>
<telerik:GridBoundColumn FilterControlAltText="Filter Page column" HeaderText="Page No"
SortExpression="Page" DataField="Page" UniqueName="Page" HeaderStyle-Font-Bold="true">
<HeaderStyle Font-Bold="True"></HeaderStyle>
</telerik:GridBoundColumn>
</Columns>
<NestedViewSettings>
<ParentTableRelation>
<telerik:GridRelationFields DetailKeyField="Page" MasterKeyField="Page" />
</ParentTableRelation>
</NestedViewSettings>
<NestedViewTemplate>
<asp:Panel ID="NestedViewPanel" runat="server">
<div>
<fieldset style="margin: 10px">
<legend style="padding: 5px;" class="legend"><b>Newspaper Advertisement Setting: 
  </legend>
<table width="100%" cellpadding="1" cellspacing="1" style="float: left; margin-left: 1px">
<tr>
<td valign="top" style="width: 300px;">
<table>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Description </b>
<asp:HiddenField ID="hfPreSelectAmt" runat="server" />
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:HiddenField ID="hfAdvertisementID" runat="server" Value='<%#Bind("AdvertisementId") %>' />
<asp:HiddenField ID="HiddenField1" runat="server" Value='<%#Bind("StatusId") %>' />
<asp:HiddenField ID="hfPageNo" runat="server" Value='<%#Bind("Page") %>' />
<asp:HiddenField ID="hfNewspaperID" runat="server" Value='<%#Bind("NewsPaperId") %>' />
<asp:HiddenField ID="hfOrientation" runat="server" Value='<%#Bind("Orientation") %>' />
<asp:Label ID="lblDescription" Text='<%#Bind("Description") %>' runat="server"></asp:Label>
<asp:HiddenField ID="hfOfflineAdvId" runat="server" />
<%-- Value='<%# Eval("OfflineAdvId") %>' --%>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>ColumnNo </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblColumnNo" Text='<%#Bind("ColumnNo") %>' runat="server"></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Deadline Days </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblDeadLineHrs" Text='<%#Bind("DeadlineHours") %>' runat="server"></asp:Label>
</td>
</tr>
</table>
</td>
<td valign="top">
<table>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Orientation </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblOrientation" Text='<%#Bind("Orientation") %>' runat="server"></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Prices </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblCost" Text='<%#Bind("Cost") %>' runat="server"></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<strong>Total Amount</strong>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblTotalAmt" runat="server"></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</table>
</fieldset>
</div>
<div>
<fieldset style="margin: 10px">
<legend style="padding: 5px;" class="legend"><b>Select Offline Advertisement Published
Dates:    </legend>
<table width="100%" cellpadding="1" cellspacing="1" style="float: left; margin-left: 1px">
<tr>
<td valign="top">
<div>
<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
<telerik:RadCalendar ID="RadCalForAdvt" runat="server" MultiViewColumns="5" MultiViewRows="2"
EnableMultiSelect="true" ShowOtherMonthsDays="false" EnableNavigation="false"
OnDataBinding="RadCalForAdvt_DataBind" ShowRowHeaders="false" AutoPostBack="false"
EnableMonthYearFastNavigation="false">
<ClientEvents OnDateSelected="DateSelected" />
</telerik:RadCalendar>
</telerik:RadAjaxPanel>
</div>
</td>
</tr>
<tr>
<td>
<div style="float: right;">
<telerik:RadButton ID="btnBookNP" runat="server" CommandArgument="BookDates" Text="Book"
Skin="Black">
</telerik:RadButton>
<telerik:RadButton ID="btnClear" runat="server" CommandArgument="Clear" Text="Clear"
Skin="Black">
</telerik:RadButton>
<asp:Label ID="ShowDates" runat="server" Visible="false"></asp:Label>
</div>
</td>
</tr>
</table>
</fieldset>
</div>
</asp:Panel>
</NestedViewTemplate>
<CommandItemSettings RefreshText="Refresh"></CommandItemSettings>
</telerik:GridTableView>
</DetailTables>
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
</ExpandCollapseColumn>
<Columns>
<telerik:GridBoundColumn DataField="NewsPaperName" FilterControlAltText="Filter NewsPaper column"
HeaderText="NewsPaper" SortExpression="NewsPaper" UniqueName="NewsPaper" HeaderStyle-Font-Bold="true">
<HeaderStyle Font-Bold="True"></HeaderStyle>
</telerik:GridBoundColumn>
</Columns>
</telerik:GridTableView>
</DetailTables>
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<Columns>
<telerik:GridBoundColumn DataField="Zone" FilterControlAltText="Filter Zone column"
HeaderText="Zones" SortExpression="Zone" UniqueName="Zone">
<HeaderStyle Font-Bold="True"></HeaderStyle>
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<FilterMenu EnableImageSprites="False">
</FilterMenu>
<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
</HeaderContextMenu>
</telerik:RadGrid>

Regards,
Aditya

Grid

answered on 09 May 2012

1 answer

98 views

image manager path contains '.'

Hello
i try the latest evaluation of RadEditor, and i try the Image Manager associate to RadEditor.
The path i want to configure is this:
"/Neocase.BdC.Web.Front/Storage/DEV.NEOCASE.LOCAL_80/Documents/1025/Editor"

It seems this path result to an issue, the interface don't appears, just the message "Loading"

if i give this path for exemple: "/Neocase.BdC.Web.Front/Storage" the interface is loading well.
I can't use '.' chars in path?

2 question:
The upload button is disabled, i have put rights everyone can do everything but it don't work, also implemented the FullPermissionsTest method documented, but it gives no exceptions.

In my case Neocase.BdC.Web.Front is IIS a virtual directory.

An idea for this issue?

Best Regards

Editor

answered on 09 May 2012

1 answer

41 views

$find in content page

I have a chart in a contentpage of a masterpage. When I try to use the $find method in the javascript on the page it comes back as null. I put this

var chart = $find("<%= myChart.ClientID %>"); in a javascript function on the content page and 
I just click a button to call it.  But chart comes back as null. What am I doing wrong?

Chart (Obsolete)

answered on 09 May 2012

1 answer

82 views

Context Menu display creates unwanted OnClientMouseOut Event

I have a context menu on a RadTreeView which appears when a user right clicks on a tree node and all works fine. I also have the OnClientMouseOver and OnClientMouseOut to create a popup RadWindow which which shows meta data about the current node; all works fine.

But when I attempt to have the two processes worki together such as this scenario, it fails

User's mouse enters the node space and the hover brings alive the RadWindow.
User goes to right click the node (hasn't left the node's mouse out boundary)

At that point the context menu starts displaying but the OnClientMouseOut is called which closes the meta window. Then the context window immediately dissapears and the mouse is now (hasn't moved) over the node's hover zone and the meta window is created a fresh and comes back up.

The expected behavior is that the context window, as with the RadWindow which has been poped up, should exist together until the user chooses an action on the right click menu. At that point I could determine whether to close the RadWindow or not.

Is it possible to not have the context operation generate a call to the OnMouseClose?

advTHANKSance

TreeView

answered on 09 May 2012

1 answer

104 views

Line chart not displaying line when Y values are all equal

Hi,

I am using RadControls Ajax Q3 2010.

I have a very simple graph

<telerik:RadChart ID="chtPrices" runat="server" DefaultType="Line" Width="500px"

Height="300px" AutoLayout="true">

<ChartTitle Visible="false" />

<Legend Visible="false" />

<PlotArea>

<XAxis Visible="True" />

<YAxis ScaleBreaks-Enabled="true" IsZeroBased="false" />

<EmptySeriesMessage TextBlock-Text="No Data Selected"/>

</PlotArea>

</telerik:RadChart>

and I set its data source dynamically

DataTable prices = PricessManager.GetPrices();

chtPrices.DataSource = prices;

chtPrices.DataBind();

When the data in the data table contains several values (doubles) that are the same (say 91.1, 91.1, 91.1, etc), the graph does not draw the line and instead of centering the graph around 91.1 (since IsZeroBased is set to false), it centers it around 0 which leads me to believe for some reason it's not taking the values at all.

When the same exact data table but with various numbers (say 91, 92, 84.3, 96.1, etc) is used to set the data source, the graph works fine.

Any thoughts?

Chart (Obsolete)

answered on 09 May 2012