Questions on UI for ASP.NET AJAX Forum

2 answers

424 views

Using RadPageView content url page how to get RadMultiPage

In mainpage.aspx having radcombobox and TabStrip, radmutipage and radpageview.
In radpageview content url page (page1.aspx) how to get the mainpage.aspx radcombobox. And if radcombobox onselecteditemchanged event i need to refresh the selected tab content url page(page1.aspx).

<telerik:RadComboBox ID="rcb1" runat="server" OnSelectedIndexChanged="rcb1_SelectedIndexChanged">

</telerik:RadComboBox>

<telerik:RadTabStrip ID="radtab1" runat="server" SelectedIndex="0" MultiPageID="radmulti1">

<Tabs>

<telerik:RadTab runat="server" Text="Discipline" PageViewID="pageview1"></telerik:RadTab>

<telerik:RadTab runat="server" Text="Sub-Discipline" PageViewID="pageview1"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="radmulti1" runat="server" SelectedIndex="0" Width="400">

<telerik:RadPageView ID="pageview1" runat="server" ContentUrl="Page1.aspx">

</telerik:RadPageView>

<telerik:RadPageView ID="pageview2" runat="server" ContentUrl="Page2.aspx">

</telerik:RadPageView>

</telerik:RadMultiPage>

TabStrip

answered on 18 Feb 2014

6 answers

111 views

RadEditor memory leak in IE8

Hi,

One of our ASP.NET WebForms application pages is using 4 RadEditors and we have noticed major browser memory leaks running in IE8 (using sIEve to detect the memory leaks). All the RadEditors have a toolbar and spellcheck support. I have tried removing the toolbar and spellcheck code to see if that makes a difference, but the leaks appear to be with the RadEditor itself. I can get the leaks to stop by setting Enabled = false for all the RadEditors. Also note in my results that leaks occur when page is loaded - I'm not doing a spell check or clicking toolbars - only posting back the page as I click on the different tabs. The RadEditors are contained in various user controls that represent the tab contents.

I created a sample app that I attached in order to isolate the problem as much as possible. You can see below that the sample app with one RadEditor leaks memory (although at a lower rate).

It is likely that upgrading to a newer browser would correct the leaks, but unfortunately, we're mandated by corporate IT to use IE8 and have no choice for upgrading the browser (Chrome and Firefox are not an option either).

Both the main app and sample app are built in VS2012 .NET 4.0 using Telerik RadControls for Ajax Q3 2013 v 2013.3.1114.40.

Thanks in advance for any assistance you can provide.

sIEve results of main app (leaks detected when moving between tabs):

Main app code (only snippets, since I can't post entire app):

Typical RadEditor tags:

<telerik:RadEditor ID="uxContactNotesTextBox" runat="server" style="width:100%;height:100%;" ToolsWidth="144px" EditModes="Design" ToolbarMode="Default" OnClientLoad="OnContactNotesEditorLoad" BorderStyle="Solid" BorderWidth="1px">
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Save" />
<telerik:EditorSeparator />
<telerik:EditorTool Name="Cut" />
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" />
<telerik:EditorTool Name="AjaxSpellCheck" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
<telerik:RadSpell ID="uxContactNoteSpellCheck" runat="server" ControlToCheck="uxContactNotesTextBox" ButtonType="PushButton" Style="display: none;" />

function OnContactNotesEditorLoad(editor, args) {
// set defaults for editor style
var style = editor.get_contentArea().style;
style.fontFamily = 'Segoe UI';
style.fontSize = '16px';
style.color = "black";

// detect when spell check is running
editor.add_spellCheckLoaded(function () {
var spell = editor.get_ajaxSpellCheck();

spell.add_spellCheckStart(function (editor, args) {
isContactNotesSpellChecking = true;
});

spell.add_spellCheckEnd(function (editor, args) {
isContactNotesSpellChecking = false;
});
});
}

sIEve results of sample app (auto-refresh enabled):

Sample app default.aspx:

default.aspx:
<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" validateRequest="false"%>
<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
<meta charset="utf-8" />
<title>RadEditor Leak</title>
</head>
<body>
<form id="Form1" runat="server">
<asp:ScriptManager runat="server">
<Scripts>
</Scripts>
</asp:ScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager" runat="server" UpdatePanelsRenderMode="Inline"/>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" />
<telerik:RadEditor ID="uxRadEditor" runat="server">
</telerik:RadEditor>
</form>
</body>
</html>

-ScottP

Editor

answered on 18 Feb 2014

0 answers

111 views

Radopen

I have an application and in it I am trying to pop a popup.

<a href="#" onclick='return ShowForm(<%# Eval("Id") %)'>
<aps:Label Text='<%#Eval("Id") %>' runat="server />
</a>

This works fine when the id is numeric , but in come cases the id is something like fp0003223
when I click that link I get a javascript error 0x800a1391- JavaScript runtime error: 'fp0003223' is undefined

Can I only pass numeric

Window

asked on 18 Feb 2014

3 answers

90 views

Dirty Mover Box

Is there some functionality built into the Telerik Mover Box that would tell me if the control was "dirty" or Has Changed?

Thanks
Thomas

ListBox

answered on 18 Feb 2014

2 answers

46 views

Tabbing on actionable links on RadGrid in readonly mode

I have a RadGrid which contains readonly colums with readonly cells and some actionable links like image button link, checkbox. Now what is the requirements is that when i press tab then it must focus on actionable links means on image button, checkbox in a horizontal manner means row wise. But right now when i do focus it doesn't work properly. Sometimes it skips some links or move in a vertical manner. So i need any built in funtionality which is available by telerik for applying tabbing in readonly mode for telerik grid or is there any custom way by which we can achieve it.

I have attached the screen shot of the grid so that i will become more clear.

In the screen shot first it must get focus on "Add new third party commission" link then "Select all/Deselect all" checkbox then after tab it must set focus on first row's checkbox then image button of detail then move to copy button and then delete image button. After this it should set focus on next row's in the same way as above and same for other rows too.

Any thought on this will be helpful.

Grid

answered on 18 Feb 2014

3 answers

122 views

RadGrid inside EditItemTemplate RadGrid How do I force Batch Update

I have a RadGrid (RadGridChild) inside a GridTemplateColumn/EditItemTemplate of another RadGrid (RadGridParent)

I want to make sure RadGridChild_BatchEditCommand is called before RadGridParent_UpdateCommand?

Is there a way to do this server side?

Marty

Grid

answered on 18 Feb 2014

1 answer

77 views

File Explorer write another domain

Hi,

i developing a app. This running on my server but app client files hosting another server.

A client uploading a file on my server with file explorer, direct uploading another server

i have ftp account information, but i dont know using this account to file explorer

Thanks

FileExplorer

answered on 18 Feb 2014

2 answers

85 views

RadGrid Keyboard Navigation with load another grid

I have grid that allow keyboard navigation in it .I wanna to refresh another grid while row navigation of the first one
I follow the solution in this thread
http://www.telerik.com/forums/radgrid-keyboard-navigation-trigger-select-row-on-keypress
but still the first row i selected exist within navigation by keyboard and can not get the id of the selected row by keyboard

JS :

function OnRowSelectedMP(sender, args) {

alert("Row selected");

var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("SelectedMP");

}

Aspx:

<telerik:RadGrid runat="server" ID="grd_ManPower_list" PageSize="5" CellSpacing="0" GridLines="None" OnSelectedIndexChanged="grd_ManPower_list_SelectedIndexChanged" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" ClientSettings-ClientEvents-OnRowDblClick="OnRowDblClick" OnNeedDataSource="grd_ManPower_list_NeedDataSource">

<MasterTableView DataKeyNames="id" ClientDataKeyNames="id">

<Columns>

<telerik:GridBoundColumn DataField="id" FilterControlAltText="Filter column column" HeaderText="id" UniqueName="column" Visible="False">

<ColumnValidationSettings>

<ModelErrorMessage Text="" />

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Code" FilterControlAltText="Filter column1 column" HeaderText="Staff Code" UniqueName="column1">

<ColumnValidationSettings>

<ModelErrorMessage Text="" />

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Name" FilterControlAltText="Filter column2 column" HeaderText="Name" UniqueName="column2">

<ColumnValidationSettings>

<ModelErrorMessage Text="" />

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Trade" FilterControlAltText="Filter column3 column" HeaderText="Trade" UniqueName="column3">

<ColumnValidationSettings>

<ModelErrorMessage Text="" />

</ColumnValidationSettings>

</telerik:GridBoundColumn>

</Columns>

<PagerStyle Mode="NumericPages" />

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">

<ClientEvents OnRowSelected="OnRowSelectedMP" />

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2" ScrollHeight="162px" />

</ClientSettings>

</telerik:RadGrid>

Ajax:

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="grd_ManPower_list">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid_prop_add" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="grd_ManPower_list">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="grd_ManPower_list" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

C# :

else if (e.Argument == "SelectedMP")

{

foreach (GridDataItem item in grd_ManPower_list.SelectedItems)

{

if (item.Selected)

{

//// function load the other grid according to the selected item in first grid

}

Thanks....

Grid

answered on 18 Feb 2014

6 answers

1.0K+ views

Add New Record Button Not Showing When No Data

I have a RadGrid where I expect the "Add New" button to appear on the top of the grid even when there are no records present. In fact, it only appears when there are 1 or more records present. Furthermore, the "No records to display" text is not being shown when the grid is empty. Here is my code:

    
            <telerik:RadGrid   
        
            ID="RadGrid"   
        
            Width="820"   
        
            runat="server"   
        
            AutoGenerateColumns="False"   
        
            OnNeedDataSource="RadGrid_NeedDataSource"   
        
            OnDeleteCommand="RadGrid_Command"   
        
            OnInsertCommand="RadGrid_Command"   
        
            OnUpdateCommand="RadGrid_Command"    
        
            GridLines="None"   
        
            ShowFooter="True"   
        
            GroupingEnabled="False"   
        
            Skin="Telerik">    
        
            <MasterTableView   
        
            DataKeyNames="CategoryID"   
        
            GridLines="None"   
        
            CommandItemDisplay="Top"   
        
            NoMasterRecordsText="No Categories have been added.">    
        
            <CommandItemSettings   
        
            AddNewRecordText="Add New Category"   
        
            RefreshText="Refresh Category List" />    
        
            <Columns>    
        
            <telerik:GridButtonColumn   
        
            CommandName="Delete"   
        
            Text="Delete"   
        
            UniqueName="Delete"   
        
            ButtonType="ImageButton">    
        
            </telerik:GridButtonColumn>    
        
            <telerik:GridBoundColumn   
        
            DataField="CategoryID"   
        
            HeaderText="CategoryID"   
        
            UniqueName="CategoryID"   
        
            ReadOnly="True">    
        
            </telerik:GridBoundColumn>    
        
            <telerik:GridBoundColumn   
        
            DataField="CategoryTitle"   
        
            HeaderText="CategoryTitle"   
        
            UniqueName="CategoryTitle">    
        
            </telerik:GridBoundColumn>    
        
            <telerik:GridBoundColumn   
        
            DataField="CategoryDescription"   
        
            HeaderText="CategoryDescription"   
        
            UniqueName="CategoryDescription">    
        
            </telerik:GridBoundColumn>    
        
            <telerik:GridEditCommandColumn   
        
            ButtonType="ImageButton">    
        
            </telerik:GridEditCommandColumn>    
        
            </Columns>    
        
            <EditFormSettings   
        
            ColumnNumber="2"   
        
            CaptionFormatString="Edit details for category with ID {0}"   
        
            CaptionDataField="CategoryID">    
        
            <FormTableItemStyle   
        
            Wrap="False">    
        
            </FormTableItemStyle>    
        
            <FormCaptionStyle   
        
            CssClass="EditFormHeader">    
        
            </FormCaptionStyle>    
        
            <FormMainTableStyle   
        
            CellSpacing="0"   
        
            CellPadding="3"   
        
            Width="100%" />    
        
            <FormTableStyle   
        
            GridLines="Horizontal"   
        
            CellSpacing="0"   
        
            CellPadding="2"   
        
            CssClass="module"   
        
            Height="110px"   
        
            Width="100%" />    
        
            <FormTableAlternatingItemStyle   
        
            Wrap="False">    
        
            </FormTableAlternatingItemStyle>    
        
            <FormStyle   
        
            Width="100%"   
        
            BackColor="#EEF2EA">    
        
            </FormStyle>    
        
            <EditColumn   
        
            UpdateText="Update record"   
        
            UniqueName="EditCommandColumn1"   
        
            CancelText="Cancel edit">    
        
            </EditColumn>    
        
            <FormTableButtonRowStyle   
        
            HorizontalAlign="Right"   
        
            CssClass="EditFormButtonRow">    
        
            </FormTableButtonRowStyle>    
        
            </EditFormSettings>    
        
            <ExpandCollapseColumn>    
        
            <HeaderStyle   
        
            Width="19px">    
        
            </HeaderStyle>    
        
            </ExpandCollapseColumn>    
        
            <RowIndicatorColumn>    
        
            <HeaderStyle   
        
            Width="20px" />    
        
            </RowIndicatorColumn>    
        
            </MasterTableView>    
        
            <FilterMenu   
        
            EnableTheming="True">    
        
            <CollapseAnimation   
        
            Duration="200"   
        
            Type="OutQuint" />    
        
            </FilterMenu>    
        
            </telerik:RadGrid>

And some of code behind:

    
            protected void RadGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)   
        
            {  
        
            this.categories = new Categories();   
        
            this.dataSet = this.categories.Select();   
        
            this.RadGrid.DataSource = this.dataSet;   
        
            }

Why is it not possible to add a new record when the dataset is empty (null) and why is the no records message not showing? I have insert/update/delete with ReBind working no worries apart from this.

Thanks in advance,
Richard

Grid

answered on 18 Feb 2014

12 answers

132 views

FormDecorator in Q3 2013 SP2 doesn't skip labels

It seems that the last release ignore the "Label" inside the ControlToSkip property of the decorator.
Everything was working fine in previous release but now with

<telerik:RadFormDecorator ID="RadFormDecorator1" ClientIDMode="Static" runat="server" EnableRoundedCorners="true" DecoratedControls="All" ControlsToSkip="H4H5H6, Buttons, Label" />

My <label> elements alla have those class applied

@media screen and (-webkit-min-device-pixel-ratio: 0)

.RadForm.rfdRadio label, .RadForm.rfdCheckbox label { .... }

FormDecorator

answered on 18 Feb 2014