Editor is disabled when AJAX loaded

[Khoa]

I have a TabStrip that uses LoadContentFrom to load a partial view that contains an Editor control.  However, the Editor control appears but is disabled - meaning I can't type in the textarea or use any of the toolbar buttons. 

When I don't use the TabStrip and just load the view with the Editor on it's own, the Editor is working correctly.

Has anyone else experienced this behavior?

[Khoa]

Since this is a partial view loaded using AJAX I have to manually register the javascript files required.  That fixed my issue.

[Emily Hatch]

Khoa - I have a similar problem and I have tried registering the js files manually with no joy.  Would you mind providing a code snippet as an example?  Thanks!

[Khoa]

In my main view, I register the javascript files:

@(Html.Telerik().ScriptRegistrar().Globalization(

 

true).DefaultGroup(editorgroup => editorgroup.Add("jquery-1.4.4.min.js")

 

 

.Add(

 

"telerik.common.min.js")

 

 

.Add(

 

"telerik.list.min.js")

 

 

.Add(

 

"telerik.combobox.min.js")

 

 

.Add(

 

"telerik.draganddrop.min.js")

 

 

.Add(

 

"telerik.window.min.js")

 

 

.Add(

 

"telerik.editor.min.js")

 

.Combined(

 

true).Compress(true)))

 

Also, in the main view the TabStrip is added:

@(Html.Telerik().TabStrip()

.Name(

 

"DeliveryTab")

 

 

.Items(menu =>

 

{

 

menu.Add().Text(

 

"E-mail")

 

 

.Action(

 

"Email", "Messages")

 

 

.Selected(ViewBag.CurrentDeliveryTab ==

 

"Email" ? true: false)

 

 

.LoadContentFrom(Url.Action(

 

"Email", "Messages"));

 

 

 

})

)

In my Email partial view I add the Editor like this:

@{

Html.Telerik()

.Editor()

.Name(

 

"EmailScript")

 

 

.HtmlAttributes(

 

new { style = "height:400px" })

 

 

.Value(Model.MessageBody)

 

.Render();

 

}

Hope this helps!