Questions on UI for ASP.NET AJAX Forum

110,778 questions

3 answers

180 views

I have been working with the grid control (specifically client side binding) and it is really nice once you get Linq figured out.

However, I am wondering if there is a way to append rows to the grid client side via a web service. I suspect there isn't because you need to set the data source to the result set and then rebind if you need a new page of data. This effectively removes all the rows that had been previously sent to the browser. I have a dataset that is about 1000 rows with 17 columns and needed to bump up the maxJasonLength just to get the data. Then there is the performance hit on rendering on the client. So I am sticking with paging but the client isn't too happy.

Maybe there is a hack that someone has figure out. Possibly storing the original JSON object and appending to that? I'm open to ideas.

If not then this would be a nice feature for just a flat grid.

Just thought I's ask.
Thanks,

Craig

Grid

answered on 14 Mar 2011

1 answer

118 views

Load on-demand - Hide checkBox

Hi,

I have a radtreeview with load on-demand functionality and works fine.
What I would like to do is to hide checkbox for nodes which have child nodes count > 0. For root data it works, but not for child nodes.

Here is my code:

private static void LoadRootNodes(RadTreeView treeView, TreeNodeExpandMode expandMode)

{

.

foreach (var row in sdps)

{

RadTreeNode node = new RadTreeNode

{

Text = row.FullText,

Value = row.id.ToString(),

ExpandMode = expandMode

};

node.Attributes.Add("IdAsText", row.IdAsText);

if (row.ChildrenCount== 0)

{

node.ExpandMode = TreeNodeExpandMode.ClientSide;

}

else

{

//This works because RadTreeNode has a Checkable propery

node.Checkable = false;

}

treeView.Nodes.Add(node);

}

[WebMethod]

public static RadTreeNodeData[] LoadSdpTreeView(RadTreeNodeData node)

{

.

List<RadTreeNodeData> result = new List<RadTreeNodeData>();

foreach (var row in childNodes)

{

RadTreeNodeData childNode = new RadTreeNodeData { Text = row.FullText, Value = row.id.ToString() };

childNode.Attributes.Add("IdAsText", row.IdAsText);

if (row.ChildrenCount > 0)

{

childNode.ExpandMode = TreeNodeExpandMode.WebService;

// This doesnt work because there is no Checkable propery for RadTreeNodeData

// childNode.Checkable = false;

}

result.Add(childNode);

}

return result.ToArray();

}

How can I achieve this?

Thanks in advance.

TreeView

answered on 14 Mar 2011

1 answer

142 views

Is it possible to change the language of a GridDateTimeColumn?

Hi,

I was wondering if it's possible to change the language of the RadDateTimePicker in the GridDateTimeColumn.

I've managed to get a date in the correct format by setting this in the PageLoad:

System.Threading.Thread.CurrentThread.CurrentCulture = System.Globalization.CultureInfo.CreateSpecificCulture("nl-nl");

System.Threading.Thread.CurrentThread.CurrentUICulture = System.Globalization.CultureInfo.CreateSpecificCulture("nl-nl");

But all the other text is still in english.

Does anyone know a way to change that?

Sincerely

Grid

answered on 14 Mar 2011

1 answer

77 views

Error

I have a big problem that so far I have not seen an answer for. I have a web app using the RAD DateTime Picker and the RADGrid, they work fine on my local machine and on our test server but when I deploy it to the live server I get this error:

"

Unable to cast object of type 'System.Web.Configuration.ScriptingProfileServiceSection' to type 'System.Web.Configuration.ScriptingProfileServiceSection'.

".

I have researched this error and found no solution to it yet. I know that some of the sites on this server are using an older version of Telerik controls so I don't know if this is an issue or not, but our test server is doing the same thing and it runs on there. HEre is my web.config file.

<?xml version="1.0"?>

<configuration>

<appSettings />

<connectionStrings />

<system.web>

<compilation debug="true">

<assemblies>

<add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />

<add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />

<add assembly="System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />

</assemblies>

</compilation>

<!--

The <authentication> section enables configuration

of the security authentication mode used by

ASP.NET to identify an incoming user.

-->

<authentication mode="Windows" />

<!--

The <customErrors> section enables configuration

of what to do if/when an unhandled error occurs

during the execution of a request. Specifically,

it enables developers to configure html error pages

to be displayed in place of a error stack trace.

<customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">

<error statusCode="403" redirect="NoAccess.htm" />

<error statusCode="404" redirect="FileNotFound.htm" />

</customErrors>

-->

<httpHandlers>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false" />

<handlers>

<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />

</handlers>

</system.webServer>

</configuration>

I need a solution on this asap otherwise I cannot continue using your controls.

Thanks!

General Discussions

answered on 14 Mar 2011

7 answers

101 views

Comparable control to FilteredTextBox from ASP.NET AJAX Control Toolkit

Hi
I need to limit the input on all the controls of the page to a certain group of characters.
The input is fed to a banking system that can accept only ASCII 032-0126 with the exception of 23 characters in this range ($, £, @, #, ...).

MS AJAX Control Toolkit's FilteredTextBox appears to be doing the job with the ValidChars attribute.

Is there a comparable capability for Telerik?

I'd hate to add the MS AJAX toolkit to my pages as it would increase size and potentially complexity.
Chen

Input

answered on 14 Mar 2011

7 answers

159 views

Date filter column in grid

Hi,

I've a date column in my filter. If I type any character in filter coulmn it gives me javascript error 'length is null or not an object'. How can stop user to enter any character in date filter column. Below is my code.

<telerik:GridDateTimeColumn DataField="Date_Created" HeaderText="Date Created" HeaderStyle-HorizontalAlign="Center" ShowFilterIcon="true"

SortExpression="Date_Created" UniqueName="Date_Created" PickerType="DatePicker" FilterControlWidth="100px"

DataFormatString="{0:d}" AutoPostBackOnFilter="true" AllowFiltering="true">

</telerik:GridDateTimeColumn>

Regards,
Lubna.

Grid

answered on 14 Mar 2011

1 answer

137 views

RadAjax and Splitter not workingff

I got below error message when I adding the Ajax function to my master.page for the RadSplitter

SplitterItemsCollection must contain SplitterItem objects

Below is my code, could you please help to check which part that problem.

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="FFS.master.vb" Inherits="FFS_WEB.FFS" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <telerik:RadScriptManager runat="server" EnableCdn="true" ID="RadScriptManager1">
</telerik:RadScriptManager>
<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
    <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Default,Zone" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadPanelBar1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadSplitBar1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

    <telerik:RadSplitter runat="server" ID="RadSplitter1" Width="100%" BorderSize="1"
     BorderStyle="Solid" PanesBorderSize="0" Height="98%" Orientation="Horizontal"
     VisibleDuringInit="false">
        <telerik:RadPane ID="topPane" runat="server" Height="80px">
            <div id="header" style="background-image :url(images/FFS_WEB_HEAD_BG.png); background-repeat:repeat; ">
                <img alt="" src="images/FFS_WEB_HEAD.png" />
                <div class="header-top-links">
                    <a href="#">Register</a>|
                    <a href="#">Logout</a>
                </div>
            </div>
            <div>
          <telerik:RadMenu runat="Server" ID="RadMenu1" EnableShadows="true" EnableRoundedCorners="true" Width="100%">
                    <Items>
                    <telerik:RadMenuItem runat="server" text="About FFS"></telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" text="Support"></telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Services"></telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Demo"></telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Contact Us"></telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenu>
            </div>
    </telerik:RadPane>
    <telerik:RadPane runat="server" ID="contentPane" Scrolling="none">
    <telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None" PanesBorderSize="0">
     <telerik:RadPane runat="Server" ID="leftPane" Width="150px" MinWidth="150" MaxWidth="600" Scrolling="None">
      <telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"
       Height="100%" Orientation="Horizontal">
                            <telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Backward" EnableResize="false" />
                            <telerik:RadPane runat="server" ID="bottomLeftPane" Height="100%">
                                <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%"
                                    Skin="Office2007">
                                    <Items>
                                        <telerik:RadPanelItem Text="Home" AccessKey="H">
                                            <Items>
                                                <telerik:RadPanelItem Text="Dashboard" NavigateUrl="Dashboard.aspx" ViewStateMode="Enabled"></telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Tasks" NavigateUrl="Task.aspx" ViewStateMode="Enabled"></telerik:RadPanelItem>
                                            </Items>
                                        </telerik:RadPanelItem>
                                        <telerik:RadPanelItem Text="Transport" AccessKey="T">
                                            <Items>
                                                <telerik:RadPanelItem Text="Booking" AccessKey="B">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Trucking" AccessKey="T">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Air Transport" AccessKey="A">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Sea Transport" AccessKey="S">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="P.O./Item" AccessKey="P">
                                                </telerik:RadPanelItem>
                                            </Items>
                                        </telerik:RadPanelItem>
                                        <telerik:RadPanelItem Text="Finance" AccessKey="F">
                                            <Items>
                                                <telerik:RadPanelItem Text="General Ledger">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Account Payable">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Account Receivable">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Reports">
                                                </telerik:RadPanelItem>
                                            </Items>
                                        </telerik:RadPanelItem>
                                        <telerik:RadPanelItem Text="CRM" AccessKey="C">
                                            <Items>
                                                <telerik:RadPanelItem Text="Agents">
                                                </telerik:RadPanelItem>
                                                <telerik:RadPanelItem Text="Customer">
                                                </telerik:RadPanelItem>
                                            </Items>
                                        </telerik:RadPanelItem>
                                        <telerik:RadPanelItem Text="Sales" AccessKey="S">
                                            <Items>
                                            </Items>
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelBar>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                    <telerik:RadSplitBar runat="server" ID="RadSplitBar1" CollapseMode="Forward" />
                    <telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane" Scrolling="None">
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

                        </asp:ContentPlaceHolder>
                    </telerik:RadPane>
                </telerik:RadSplitter>
     </telerik:RadPane>
</telerik:RadSplitter>

Splitter

answered on 14 Mar 2011

2 answers

353 views

RadGrad-how to populate dropdown with selection from another dropdown in editform

I am using a radgrid with the command items of insert and edit turned on. I am using a form template for the edit/insert views. In my form template i have multiple dropdown menus. I am able to populate the first dropdown thru the itemDataBound event with no problem. My question is how would i populate the next dropdown menu with what is selected in the previous drop down menu? The dropdowns i am referring to are in the gridSections (radgrid) in the below markup. The ddlQuestion dropdown is populated with data dependant on what is selected in the ddlSection dropdown. In the selectedIndexChange for ddlSection I would have to access the edit form somehow. I am not sure how to do this. Any ideas?

<telerik:radajaxpanel id="radajaxpanel1" runat="server" loadingPanelID="RadAjaxLoadingPanel1">

<telerik:radgrid runat="server" id="gridAudits" GridLines="None" Skin="Sunset"

onneeddatasource="gridAudits_NeedDataSource"

onitemdatabound="gridAudits_ItemDataBound"

onitemcommand="gridAudits_ItemCommand"

oninsertcommand="gridAudits_InsertCommand">

<mastertableview CommandItemDisplay="Top" AutoGenerateColumns="False" InsertItemPageIndexAction="ShowItemOnCurrentPage"

ShowHeadersWhenNoRecords="true" DataKeyNames="ID,AuditTypeID">

<CommandItemSettings AddNewRecordText="Add New Assessment" />

<NestedViewTemplate>

<asp:Panel ID="NestedViewPanel" runat="server" CssClass="viewWrap">

<div class="contactWrap">

<fieldset style="padding: 10px;">

<legend style="padding: 5px;"><b>Section Data:</b>

</legend>

<telerik:radgrid runat="server" id="gridSection" skin="Windows7"

OnNeedDataSource="gridSection_NeedDataSource"

onitemdatabound="gridSection_ItemDataBound"

OnDetailTableDataBind="gridSection_DetailTableDataBind"

onitemcommand="gridSection_ItemCommand"

onprerender="gridSection_PreRender" >

<mastertableview CommandItemDisplay="Top" AutoGenerateColumns="False"

InsertItemPageIndexAction="ShowItemOnCurrentPage"

ShowHeadersWhenNoRecords="true" DataKeyNames="ID"

EditMode="PopUp" >

<CommandItemSettings AddNewRecordText="Add" />

<DetailTables>

<telerik:GridTableView DataKeyNames="ID" Name="SectionChildren" Width="100%"

AutoGenerateColumns="False">

<Columns

<telerik:GridBoundColumn DataField="Defect"

HeaderText="Child Defect(s)" ReadOnly="True" UniqueName="Defect" />

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridBoundColumn DataField="Section" DataFormatString="<nobr>{0}</nobr>"

HeaderText="Section" UniqueName="Section" />

<telerik:GridBoundColumn DataField="Question"

HeaderText="Question" UniqueName="Question" />

<telerik:GridBoundColumn DataField="Result" DataFormatString="<nobr>{0}</nobr>"

HeaderText="Result" UniqueName="Result" />

<telerik:GridBoundColumn DataField="DefectCode"

HeaderText="Defect Code" UniqueName="DefectCode" />

<telerik:GridBoundColumn DataField="UpdatedBy" HeaderText="Updated By"

UniqueName="UpdatedBy" DataFormatString="<nobr>{0}</nobr>" />

<telerik:GridBoundColumn DataField="TimestampLocalTime" DataFormatString="<nobr>{0}</nobr>"

HeaderText="Last Updated" UniqueName="TimestampLocalTime" />

<telerik:GridBoundColumn DataField="Notes" DataFormatString="<nobr>{0}</nobr>"

HeaderText="Notes" UniqueName="Notes" />

</Columns>

<EditFormSettings InsertCaption="Add new item" CaptionFormatString="Edit item: {0}"

EditFormType="Template" PopUpSettings-Modal="true" CaptionDataField="ID" PopUpSettings-Width="550px">

<FormTemplate>

<telerik:radajaxpanel id="radajaxpanel2" runat="server" loadingPanelID="RadAjaxLoadingPanel1">

<table>

<tr>

<td>Section: </td>

<td>

<asp:DropDownList ID="ddlSection" runat="server" AutoPostBack="true"

Visible="<%# (Container is GridEditFormInsertItem) ? true : false %>"

OnSelectedIndexChanged="ddlSection_indexchanged" />

<asp:Label ID="Label1" runat="server" Text='<%# Bind("Section") %>'

Visible="<%# (Container is GridEditFormInsertItem) ? false : true %>" />

</td>

</tr>

<tr>

<td>Question: </td>

<td><asp:DropDownList ID="ddlQuestion" runat="server"

Visible="<%# (Container is GridEditFormInsertItem) ? true : false %>"/>

<asp:Label ID="Label2" runat="server" Text='<%# Bind("Question") %>'

Visible="<%# (Container is GridEditFormInsertItem) ? false : true %>" />

</td>

</tr>

<tr>

<td>Result: </td>

<td><asp:DropDownList ID="ddlResult" runat="server" /></td>

</tr>

<tr>

<td>Child Defects: </td>

<td><asp:CheckBoxList ID="cblChildDefects" runat="server"></asp:CheckBoxList></td>

</tr>

<tr>

<td>Notes: </td>

<td><asp:TextBox ID="TextBox1" runat="server" Height="119px" Text='<%# Bind("Notes") %>'

TextMode="MultiLine" Width="445px" />

</td>

</tr>

</table>

</telerik:radajaxpanel>

<asp:Button ID="Button1" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</asp:Button>

<asp:Button ID="Button2" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">

</asp:Button>

</FormTemplate>

</EditFormSettings>

</mastertableview>

</telerik:radgrid>

</fieldset>

</div>

</asp:Panel>

</NestedViewTemplate>

<expandcollapsecolumn visible="True">

</expandcollapsecolumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridTemplateColumn DataField="ID" DataType="System.Int32"

HeaderText="ID" UniqueName="ID" visible="false">

<EditItemTemplate>

<asp:Label ID="IDTextBox" runat="server" Text='<%# Bind("ID") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="IDLabel" runat="server" Text='<%# Eval("ID") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="AuditType" HeaderText="Audit Type"

UniqueName="AuditType">

<EditItemTemplate>

<asp:DropDownList ID="ddlAuditType" runat="server"

DataSource="<%# AuditTypeList %>" DataTextField="ListValue" DataValueField="ID"

Enabled="<%# (Container is GridEditFormInsertItem) ? true: false %>" />

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="AuditTypeLabel" runat="server" Text='<%# Eval("AuditType") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Assessor" HeaderText="Assessor"

UniqueName="Assessor">

<EditItemTemplate>

<QA:EmployeeLookup id="employeeLookup" runat="server" ></QA:EmployeeLookup>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="AssessorLabel" runat="server" Text='<%# Eval("Assessor") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="ICB" HeaderText="ICB" UniqueName="ICB">

<EditItemTemplate>

<asp:CheckBox ID="cbICB" runat="server" Text="ICB" />

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="ICBLabel" runat="server" Text='<%# Eval("ICB") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Status" HeaderText="Status"

UniqueName="Status">

<EditItemTemplate>

<asp:DropDownList ID="ddlStatus" runat="server" DataSource="<%# StatusList %>"

DataTextField="ListValue" DataValueField="ListValue"

Enabled="<%# (Container is GridEditFormInsertItem) ? false: true %>" />

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="TimestampLocalTime" HeaderText="Last Updated"

UniqueName="TimestampLocalTime" ReadOnly="True"/>

<telerik:GridBoundColumn DataField="UpdatedBy" HeaderText="Updated By"

ReadOnly="True" UniqueName="UpdatedBy" />

</Columns>

<editformsettings>

<editcolumn uniquename="EditCommandColumn1">

</editcolumn>

</editformsettings>

</mastertableview>

</telerik:radgrid>

</telerik:radajaxpanel>

Grid

answered on 14 Mar 2011

3 answers

124 views

Iframe crushes rad dock

Hello! I've noticed that any simple iframe makes any Rad Dock unmoveable and frozen at the last version of Rad Controls.
This is the simple code that makes unmoveable dock without a half of the borders at any browser on my system.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

</head>

<body>

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

<telerik:RadScriptManager runat="server" />

<telerik:RadDockLayout ID="MainLayout" runat="server">

<telerik:RadDockZone ID="RadDockZone_1" runat="server">

<telerik:RadDock ID="ReportDock" runat="server">

<ContentTemplate>

<iframe src="http://www.google.com" />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

<telerik:RadDockZone ID="RadDockZone_2" runat="server" >

</telerik:RadDockZone>

</telerik:RadDockLayout>

</form>

</body>

</html>

Could you please give me some advices about how can irame could be placed at Rad Dock without making it unusable?

Dock

answered on 14 Mar 2011

1 answer

60 views

trap for multi-row selection

I am looking for a way to trap for multi-selection of grid rows.

My issue is that I have a web service return data after a row select/deselect. If I hold the ctrl/shift key and select 4 rows the web service is called 4 times. I saw a post that uses a timer but I am checking to see if anyone has worked a solution to trap for the ctrl/shift key press. I am a little fuzzy on this one but I disabled the drag to select option to eliminate that possibility.

Thanks,
Craig

Grid

answered on 14 Mar 2011

Top users last month