[Solved] OnClick JS Error?

[Hardy Wang]

Hi all,

I followed sample at http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-treeview-client-api-and-events.html to build a tree and try to hook client event.

My code looks like:

<%

 

= Html.Telerik().TreeView()

 

 

.Name(

 

"CategoryTreeView")

 

 

.BindTo(Model, (item, category) => {

item.Text = category.Name;

item.Value = category.Id.ToString();

item.LoadOnDemand = category.ChildCategory.Count > 0;

})

.DataBinding(dataBinding => dataBinding.Ajax().Select(

 

"CategoryAjaxLoading", "CategoryTree"))

 

 

.ClientEvents(events => events.OnSelect(

 

"CategoryTreeView_onSelect"))

 

 

%>

<

 

 

script language="javascript" type="text/javascript">

 

 

 

function CategoryTreeView_onSelect(e) {

 

 

 

 

//`this` is the DOM element of the treeview

 

 

 

var treeview = $(this).data('tTreeView');

 

 

 

 

var nodeElement = e.item;

 

 

alert(treeview.getItemValue(nodeElement));

 

}

</

 

 

script>

 

And here my first line of javascript does not seem to able to return a valid object to treeview, it always returns null. I tried to use .data('tTreeView') or .data('CategoryTreeView') in that line, no luck.

Any idea, why is that?

Does it matter that event handler code is before or after <%= Html.Telerik().ScriptRegistrar() %>?

Thanks
Hardy