Edit: Unable to get value of the property 'toLowerCase': object is null or undefined

[jfkrueger]

When I add a [DataType(DataType.Currency)] annotation to a field on my view model, when I click the edit button in the grid I am getting the following error in the telerik.textbox.min.js file:

Microsoft JScript runtime error: Unable to get value of the property 'toLowerCase': object is null or undefined

Here is the offending line of code:

if(k.nodeName.toLowerCase()!=="input"&&k.type.toLowerCase()!=="text"

because k.type is undefined

Here is my grid:

@(Html.Telerik().Grid(Model)
          .Name( "Grid" )
          .DataKeys( keys => keys.Add( s => s.AlbumId ) )
          .ToolBar( commands => commands.Insert().ButtonType( GridButtonType.Image ).ImageHtmlAttributes( new
          {
              style = "margin-left:0"
          } ) )
        .DataBinding( dataBinding => dataBinding.Ajax()
            .Select( "AjaxIndex", "StoreManager" )
            .Insert( "Create", "StoreManager" )
            .Update( "AjaxEdit", "StoreManager" )
            .Delete( "Delete", "StoreManager" ) )
          .Columns( columns =>
          {
              columns.Bound( album => album.AlbumId ).Hidden( true ).ReadOnly( true );
              columns.Bound( album => album.Genre ).Width( 75 );
              columns.Bound( album => album.Artist );
              columns.Bound( album => album.Title );
              columns.Bound( album => album.Price ).Width( 75 );
              columns.Command( commands =>
              {
                  commands.Custom( "viewDetails" ).Text( "Album Details" ).DataRouteValues( route => route.Add( s => s.AlbumId ).RouteKey( "AlbumId" ) ).Ajax( true ).Action( "ViewDetailsAjax", "StoreManager" );
                  commands.Edit().ButtonType( GridButtonType.Image );
              } ).Width( 200 ).Title( "Commands" );

          })
          .PrefixUrlParameters( false )
          .Scrollable( scrolling => scrolling.Enabled( true ) )
          .Sortable( sorting => sorting.Enabled( true ) )
          .Pageable( paging => paging.Enabled( true ) )
          .Pageable( paging => paging.PageSize( 20 ))
          .Filterable( filtering => filtering.Enabled( true ) )
          .Groupable( grouping => grouping.Enabled( true ) )
          .Footer( true )
          .Selectable()
          .ClientEvents( events => events.OnRowSelect( "onRowSelected" ) )
          .ClientEvents( events => events.OnComplete( "onComplete" ) )
          .Editable( editing => editing.Mode( GridEditMode.PopUp ) )
          .TableHtmlAttributes( new
          {
              style = "table-layout:fixed;"
          } )
      )

and here is the model:

using System.ComponentModel.DataAnnotations;
using System.Runtime.Serialization;

namespace TelerikMvcMusicStore.ViewModels
{
    [KnownType(typeof(AlbumViewModel))]
    public class AlbumViewModel
    {

        /// <summary>
        ///
        /// </summary>
        [ScaffoldColumn( false )]
        public int AlbumId
        {
            get;
            set;
        }

        /// <summary>
        ///
        /// </summary>
        [Required( ErrorMessage = "An album title is required" )]
        [StringLength( 160 )]
        public string Title
        {
            get;
            set;
        }

        /// <summary>
        ///
        /// </summary>
        [Required( ErrorMessage = "Price is required" )]
        [DataType(DataType.Currency)]
        public decimal Price
        {
            get;
            set;
        }

        /// <summary>
        ///
        /// </summary>
        public string Genre
        {
            get;
            set;
        }

        /// <summary>
        ///
        /// </summary>
        public string Artist
        {
            get;
            set;
        }

        /// <summary>
        ///
        /// </summary>
        public string ImageUrl
        {
            get;
            set;
        }
    }
}

It works fine if I remove the [DataType] annotation from the Price field but then the input control is a simple textbox rather than the nice numeric textbox. As soon as I add the DataType it errors.

I'm not getting how this works in the example and doesn't work in my project, any insight would be appreciated!

Thanks!!

[jfkrueger]

Update: k.nodeName is coming across as a <DIV> in my application whereas in the sample application it comes across as an input. Not sure what I am doing incorrectly thought...

[jfkrueger]

Update: This only happens in GridEditMode.PopUp, the other two modes work fine.

[Daniel]

Hello,

This is unknown issue and I couldn't reproduce it on my side. The error seems to be thrown when initializing the Control. Is there another Control or an element in the View with the same ID("Price") as the property name? If there isn't, could you send a small runnable sample so I can check the investigate what exactly is causing the error?

Regards,
Daniel
the Telerik team

[Dan Lehmann]

I had this same error, but only in IE 10. Cause for me was I had RadWindowManager defined on a page that was opened in a RadWindow, then when I tried to alert a message from the codebehind with:

RadWindowManager1.RadAlert(msg, 350, 120, "Message", "")

I would get "Unable to get property 'toLowerCase' of undefined or null reference" in IE.

I removed the RadWindowManager from the page opening in the RadWindow and I no longer get the error..

[Dan Lehmann]

can't delete post..

[Dexter]

Confirmed.  I was having the same problem w/ the toLowerCase javascript error in the telerik control RadWindowManager in IE10 when calling it from the code-behind page.  I had to remove the RadWindowManager and use the client side RadConfirm. :-/

[Mike Hobbs]

I'm seeing the same error with Window manager on page and opening a new window from within an existing window.

I have a user control with manager on it.  The code behind this is opening a new RadWindow (as child).  The user control is hosted inside an ASPX page and this ASPX page is currently open as a RadWindow.

[Mike Hobbs]

Is this issue being worked on?  We have several child RadWindows in use & this problem is also causing an issue with opening child window as maximized (this isn't honored on child window calls).  We are using Internet Explorer 10 - 64 bit.  These all worked fine before IE 10 came along.

[Dan Lehmann]

I posted a link to this thread in the RadWindow forum to get more exposure:

http://www.telerik.com/community/forums/aspnet-ajax/window/radwindowmanager-in-a-radwindow-errors-in-ie10.aspx

Dan