Questions on UI for ASP.NET AJAX Forum

3 answers

253 views

Can RadGrid be used for a spreadsheet style document that works similar to how the Google Docs spreadsheet work? The way that google docs scrolls, allows for a large number of rows in the sheet, allows a user to add a new column, and also allows copy/paste between cells are the primary features I want on my web page.

I found the example for the ExcelLikeGrid but it is pretty basic and I am not sure if it would work very well when I have 100K+ rows on the spread sheet. Are there any other examples like that out there? Does anyone know a more appropriate web control that I could use?

joe

Grid

answered on 27 Jun 2012

0 answers

66 views

Skin issue telerik rad grid

Hello everyone!

This is my problem! I've created a telerik radgrid inside a modalpopupextender, but the buttons got messed up!

Here's the code!

<div style="margin-left: 15px; margin-right: 15px;">

<telerik:RadGrid ID="dgConsultaSegurado" runat="server" AutoGenerateColumns="false" Skin="Default" AllowPaging="true" PagerStyle-Mode="NextPrev" OnPageIndexChanged="rgGridSegurado_PageIndexChanged"

AllowFilteringByColumn="false" AllowSorting="false" AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false" Culture="pt-BR"

OnItemCommand="dgConsultaSegurado_OnItemCommand" HeaderStyle-Height="20" OnItemDataBound="dgConsultaTomador_OnItemDataBound">

<ClientSettings EnablePostBackOnRowClick="true">

</ClientSettings>

<MasterTableView >

<HeaderStyle VerticalAlign="Middle" HorizontalAlign="Center" Height="20" />

<ItemStyle VerticalAlign="Middle" HorizontalAlign="Center" CssClass="linhasGridPrincipalSegurado"/>

<AlternatingItemStyle VerticalAlign="Middle" HorizontalAlign="Center" CssClass="linhasGridPrincipal" />

<Columns>

<telerik:GridBoundColumn DataField="CNPJSegurado" HeaderText="CNPJ" ></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="NomeSegurado" HeaderText="Razão Social" ></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TipoEmpresa" HeaderText="Tipo de Empresa" ></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</center>

</div>

Thanks!
Eduardo.

Grid

asked on 26 Jun 2012

5 answers

144 views

[Solved] Load RadListView depending on what link was clicked in TreeView

I'm having a bad brain fart day... so i need a bit of help.

I have a RadTreeView looks like this

Root                                            RadListView Goes Here
--Group1
   +-- 1a
   +-- 1b
   +-- 1c
--Group2
   +-- 2a
   +-- 2b
   +-- 2c

beside the above treeview, i have a RadListView in which i want to display a list of users based on what is passed by clicking anything in the treeview (ie: 1a, 1b, 1c, 2a, 2b, 2c)

I want to bind RadListView on RadTreeView1_NodeClick(object sender, RadTreeNodeEventArgs e) event

whats the best way of doing this?

ListView

answered on 26 Jun 2012

2 answers

83 views

OnClientLoad, ApplyClass - "Object does not support this property or method"

Hi, spent a bunch of time nogging over this one. Finally figured it out. I traced it all the way back to the Telerik.Web.UI.Editor.RadEditor.js. I'm using Q1 2009 RadControls for ASP.NET Ajax.

I was getting a "Object does not support this property or method" error when using the following script:

    
                <script type="text/javascript">  
        
                    function OnClientLoad(editor, args) {  
        
                        editor.fire("SelectAll");  
        
                        editor.fire("ApplyClass", { value: ".default" });  
        
                    }  
        
                </script>

Figured out that it need an object with a get_value() method:

    
                <script type="text/javascript">  
        
                    function OnClientLoad(editor, args) {  
        
                        editor.fire("SelectAll");  
        
                        objCssClass = new Object(); objCssClass.get_value = function() { return ".default"; }  
        
                        editor.fire("ApplyClass", objCssClass);  
        
                    }  
        
                </script>

Hope this saves someone a few hours :)

Editor

answered on 26 Jun 2012

4 answers

117 views

[Solved] Row Select/Check Issue

Happy New Year Telerik!

I have a grid with a RowSelected client event that fills in other controls on the page. The grid has a "clientselectcolumn". On loading I populate the grid with serverside code. I also fire a "item.selected = true" in the PreRender, which successfuly checks the first row and "clientselectcolumn" column, but it doesnt fire the RowSelected that fills in the controls on the page.

How can I go about checking and selecting the first row and filling in the other controls on the page load? I also want to implement this on the ItemCreated, so it checks the new row and fills in the default data I set on the postback for the other controls. This data is set up in the grid with the Client/DataKeyNames in a single query and on the RowSelected it fills in the other page controls.

Thanks!
SDI

Grid

answered on 26 Jun 2012

2 answers

165 views

Event

Dear Telerik-Support,

I use a RadButton and the Event OnClientClicking with the parameter sender, args.

I need the dom Event in this method. I try it with the global event reference and it only works for IE because Firefox etc. are not implement this global event reference. So I try it with an anoynomous function

Button property

OnClientClicking = function(sender, args) { FnButton_ClientClicking(sender, args, event) };

JavaScript

function FnButton_ClientClicking(sender, args, e)

{

}

but in the function e will be undefined on firefox.

Whats wrong here? How can I parse the dom event to the function. If I try the same with an ImageButton and the OnClientClick Event the Browesers parse by using (this, event) all what I need!

Thanks for help,

Kind regards,
Christian

Button

answered on 26 Jun 2012

5 answers

709 views

[Solved] How to make a row 'Unselectable'?

Hi,

I have a grid in which I have to restrict the user from selecting few rows based on some column value.
I am allowing the users to select the rows by clicking on them currently.

How can I make some rows unselectable on click?

Brindavan

Grid

answered on 26 Jun 2012

4 answers

115 views

[Solved] Change row by image while is droping

I need change row image while is droping

by other icon or image, for example:

How I can do this??

regards

Grid

answered on 26 Jun 2012

5 answers

204 views

How to display a HeaderTooltip when AllowColumnsReorder is set to true, and AllowSorting is set to false for the specific column?

I created this little prototype to illustrate the problem I'm having.

Basically, the 'UnitsInStock' column is not displaying the tooltip.

Notice that if you set AllowSorting=True for the column or set AllowColumnsReorder=False in ClientSettings, then the tooltip will work.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeBehind="Default.aspx.cs" Inherits="HowToDisplayHdrTooltipsInTelerikRadgrid._Default" %>

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

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<asp:ScriptManager runat="server" />

<telerik:RadGrid ID="grid" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" AllowSorting="true"

GridLines="None">

<ClientSettings AllowColumnsReorder="True">

</ClientSettings>

<MasterTableView DataKeyNames="ProductID" DataSourceID="SqlDataSource1">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32" HeaderText="ProductID"

ReadOnly="True" AllowSorting="true" SortExpression="ProductID" UniqueName="ProductID" HeaderTooltip="product id tooltip">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductName" HeaderText="ProductName" AllowSorting="true" SortExpression="ProductName"

UniqueName="ProductName" HeaderTooltip="product name tooltip">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CategoryName" HeaderText="CategoryName" SortExpression="CategoryName"

UniqueName="CategoryName" HeaderTooltip="category name tooltip">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitPrice" DataType="System.Decimal" HeaderText="UnitPrice"

SortExpression="UnitPrice" UniqueName="UnitPrice" HeaderTooltip="unit price tooltip">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitsInStock" DataType="System.Int16" HeaderText="UnitsInStock" AllowSorting="false"

UniqueName="UnitsInStock" HeaderTooltip="units in stock tooltip">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"

SelectCommand="SELECT [ProductID], [ProductName], [CategoryName], [UnitPrice], [UnitsInStock] FROM [Alphabetical list of products]">

</asp:SqlDataSource>

</asp:Content>

PS - I'm using version 2010.2.929.40

Grid

answered on 26 Jun 2012

1 answer

109 views

ISSUE Error RadDatePicket with RadBibbonBar

describe the steps to replicate the error
Fatal error,
1. Add an RadRibbonBar Control and add a button and add an event handler onButtonClick

<telerik:RadRibbonBar runat=server ID="rb"

onbuttonclick="kg111_ButtonClick">

<Tabs>

<telerik:RibbonBarTab>

<telerik:RibbonBarGroup>

<Items>

<telerik:RibbonBarButton Text="Hola" Value="111" />

</Items>

</telerik:RibbonBarGroup>

</telerik:RibbonBarTab>

</Tabs>

</telerik:RadRibbonBar>

2. Add an RadDatePicker Control

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">

</telerik:RadDatePicker>

3. compile and Run.
4. Select a date
5. place the cursor in the text box RadDatePicker control, or rather, place the focus on the control RadDatePicker
6. Immediately after the button click of RadRibbonBar (skip the error here)
Telerik Asp.net Version : Q1 2012
Test Browser: IE 9, Opera 11.64, Chrome, Etc

ERROR

Text property cannot be set. String was not recognized as a valid DateTime.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.InvalidCastException: Text property cannot be set. String was not recognized as a valid DateTime.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[InvalidCastException: Text property cannot be set. String was not recognized as a valid DateTime.]

Telerik.Web.UI.RadDateInput.RangeTextProperty(String value) +181

Telerik.Web.UI.RadDateInput.set_Text(String value) +17

Telerik.Web.UI.DatePickingInput.LoadPostData(String postDataKey, NameValueCollection postCollection) +554

Telerik.Web.UI.RadWebControl.System.Web.UI.IPostBackDataHandler.LoadPostData(String postDataKey, NameValueCollection postCollection) +13

System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad) +327

System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +878

is necessary to comment that the control radribbonbar has many problems ... Telerik team, why they launched a control with too many errors and incomplete?

Input

answered on 26 Jun 2012