This question is locked. New answers and comments are not allowed.
Well I have tried to get about 4 other questions answered from this forum without one single answer. I think I will try it one more time and look elsewhere for a better supported product. I realize this is open source and we are not required to pay but it really sucks have such limited documentation on such a nice product.
Trying to use a jQuery call to set a class on a 'div' element which is located in a tabstrip item client template. The tabstrip lives in the detailview of an ajaxbound grid. I have tried to apply the jQuery from within the tabstrip's events both onLoad and onSelected. Each returns an inconsistant result. I can see the class being applied to certain rows but for others it is not. The div's id is "myDiv" and I am trying to add a class of .LargeText
Below is the source used... Could someone possibly respond this time?
Trying to use a jQuery call to set a class on a 'div' element which is located in a tabstrip item client template. The tabstrip lives in the detailview of an ajaxbound grid. I have tried to apply the jQuery from within the tabstrip's events both onLoad and onSelected. Each returns an inconsistant result. I can see the class being applied to certain rows but for others it is not. The div's id is "myDiv" and I am trying to add a class of .LargeText
Below is the source used... Could someone possibly respond this time?
<% Html.Telerik().Grid<TelerikMVCTest.ViewModels.myModel>() .Name("TestGrid") .DataBinding(db => db.Ajax().Select("Index", "Home")) .Columns(columns => { columns.Bound(column => column.newProductID).Title("Product ID"); columns.Bound(column => column.newProductName).Title("Product Name"); columns.Bound(column => column.newUnitPrice).Title("Price").Format("{0:c}"); columns.Bound(column => column.newUnitPrice).ClientTemplate("<#= $.telerik.formatString('{0:c}', newUnitPrice*2) #>"); columns.Bound(column => column.OriginalProduct.UnitPrice).ClientTemplate("<#= $.telerik.formatString('{0:c}', OriginalProduct.UnitPrice*3) #>"); columns.Bound(column => column.newProductID).ClientTemplate(("<# if (newProductID > 4) { #><span style='color:red;'> EmployeeId is 1 </span><# } else { #> EmployeeId is not 1 <# } #>")); }) .DetailView(detailView => detailView.ClientTemplate( %> <% Html.Telerik().TabStrip() .Name("Tab_<#= newProductID #>") .Items(items => { items.Add().Text("Product Info").Content("<#=OriginalProduct.ProductName#>" + "<div id='test'><# if(OriginalProduct.ProductID > 3) { #><span style='font-weight:bold;color:green'><#=OriginalProduct.ProductID#></span><# } else { #> Below 4 <# } #></div>" ); items.Add().Text("Partial View Test").Content(content => { return Html.testHtml(); }); }).ClientEvents(events => { events.OnLoad("onLoadTabStrip"); events.OnSelect("onSelectTabStrip"); }).ToHtmlString() %> <% )) .ClientEvents(events => { events.OnLoad("onLoadGrid"); events.OnDataBinding("onDataBindingGrid"); events.OnDataBound("onDataBoundGrid"); events.OnDetailViewCollapse("onDetailViewCollapseGrid"); events.OnDetailViewExpand("onDetailViewExpandGrid"); }) .Pageable() .Sortable() .Render(); %><style type="text/css"> .LargeText { font-size:2em; font-weight:bold; color:Green; } </style> <script src="../../Scripts/2010.3.1110/jquery-1.4.3.min.js" type="text/javascript"></script> <script type="text/javascript"> function onLoadGrid(e) { } function onDataBindingGrid(e) { } function onDataBoundGrid(e) { } function onDetailViewCollapseGrid(e) { } function onDetailViewExpandGrid(e) { } function onLoadTabStrip(e) { } function onSelectTabStrip(e) { $("#myDiv").addClass("LargeText"); } </script>public static class myHelpers { public static string testHtml(this HtmlHelper helper) { return "<h3>Testing</h3>" + "<div id='myDiv'>My Div</div>" + "<# if(OriginalProduct.ProductID == 5){ #>" + "<span style='color:red;background:yellow'><#=OriginalProduct.ProductID#></span>" + "<# } else { #>" + "<#=OriginalProduct.ProductID#>" + "<# } #>"; } }