Hello, I have the following editor which is inside of a shared view:
@model Common.Models.Zone<html> <head></head> <body> <table> <tr> <td> @Html.LabelFor(zone => zone.Page) </td> <td> @Html.Partial("PageSelector") </td> </tr> <tr> <td> @Html.LabelFor(zone => zone.ZoneContents) </td> <td> @(Html.Kendo().EditorFor(zone => zone.ZoneContents)) </td> </tr> </table> </body></html>The editor opens fine, but as soon as I try to apply any formatting to any text (if the text is "Test") and I try to bold "Test", when I click update I just get a bunch of errors in the jquery-1.8.2.js file. The error getting thrown is on line 5303 in the jquery file and the error message only says "SyntaxError".
How could such a simple example go so wrong? Are these controls really that difficult to get working correctly? Not all that impressed so far I have to say. I follow examples and things don't work. I start with the simplest possible configuration and things don't work. Also, if I set the name property on my editor the content property in my model is ALWAYS null when going back to the server.
What could I possibly be doing wrong here?
Thanks!
We have a datasource that has groups and aggregates specified.
dataSourcePipeline = new kendo.data.DataSource({ transport: { read: { url: "/Market/Pipeline", dataType: "json", type: "get", cache: true, data: { zip: zip } } }, group: { field: "Stage", dir: "desc", aggregates: [ { field: "PropertyName", aggregate: "count" }, { field: "Area", aggregate: "sum"}] }, aggregate: [ { field: "PropertyName", aggregate: "count" }, { field: "Area", aggregate: "sum" } ], sort: { field: "Area", dir: "desc" }});We have a grid bound to that datasource and is configured to allow grouping. Further, we have specified a groupFooterTemplate for one of the columns that displays the aggregate.
$("#marketPipeline").kendoGrid({ dataSource: dataSourcePipeline, groupable: true, scrollable: false, sortable: { mode: "multiple" }, filterable: true, columns: [ { field: "PropertyName", title: "Property Name", template: '<div style="cursor: pointer;" class="pipelinePopupTrigger" rel="#=ID#"><img src="/Content/images/mapIcon.png" height="20" style="cursor: pointer; padding-right: 10px;" title="Show on map" onClick="CenterMap(#=Lat#,#=Lng#,\'PIPELINE\',\'#=ID#\')"/> #=PropertyName#</div>', footerTemplate: "Total Count: #=count#", groupFooterTemplate: "Count: #=count#" }, { field: "Address", title: "Address" }, { field: "City", title: "City" }, { field: "ZipCode", title: "Zip Code", width: 100, footerTemplate: "<span style='float:right'>Total Area:</span>", groupFooterTemplate: "<span style='float:right'>Area</span>" }, { field: "Area", title: "Area", template: '<span style="float:right">#= kendo.toString(Area,"N0") #</span>', width: 100, footerTemplate: "<span style='float:right'>#= kendo.toString(sum,'N0') #</span>", groupFooterTemplate: "<span style='float:right'>#= kendo.toString(sum,'N0') #</span>" }, { field: "Subclass", title: "Sub-Class" }, { field: "Stage", title: "Stage", width: 200 } ] });Everything works well until the user removes all groups for the grid. Once they drag a new column to the group area, the grid fails with this error:
count is not defined
/Scripts/kendo/kendo.web.min.js
Line 10
Thoughts?