Hi Guys,
Kendo UI Professional 2017.1.330
I have just tripped over a little issue whereby the rows of a frozen column get out of alignment with the rest of the grid.
The scenario is as follows :-
I have an angularjs page hosting a grid with a single frozen column which contains a couple of buttons for maintenance.
Clicking the buttons calls a UI Bootstrap Modal for the user to enter some data and to acknowledge the action.
Everything works fine when clicking on a button on a row which is fully in view.
However on clicking a button on a row which is only partially in view (See last row of Image1) the modal is opened as expected but when it is closed the frozen column is scrolled slightly to fetch the button fully into view but the other grid columns are not touched.
This results in the rows of frozen column being offset with the rest of the grid (See Image2).
I have tried playing around with the various methods of the grid (.current() .table.focus() etc) pre/post opening the modal, to try and force a re-alignment all to no avail.
Therefore I would be most grateful for any advice to try and overcome this issue.
Thanks
Alan
columns.Command(command => { command.Edit(); command.Destroy(); })
I want to use some components that kendo- have, for example, I want to use a GRID in an application ASP.NET MVC CORE, but I want to use that GRID in a different way to a GRID in kendo--core.
What do I need to do to get a whole and latest version of Kendo UI Professional ??? How do I use it?? If I get this latest version, how do I know which file I need to use a GRID, for example?


$("#fileupload").kendoUpload({ async: { saveUrl: API_URL+'...', withCredentials: false, autoUpload: false, }, uploadEventHandler (e) { e.headers.set('Access-Control-Allow-Credentials', 'true'); }, type: "post", error: function (e) { var files = e.files; if (e.operation === "upload") { ... } }, upload: function (d) { d.data = { ... }; }, showFileList: true,})
Kendo gives me error and fails to load components during startup. I am using kendo version 2018.3.911.
This is the error I am getting.
kendo.all.js:232 Uncaught Error: Invalid template:'<div class="k-group-indicator" data-#=data.ns#field="${data.field}" data-#=data.ns#title="${data.title || ""}" data-#=data.ns#dir="${data.dir || "asc"}"><a href="\#" class="k-link"><span class="k-icon k-i-sort-${(data.dir || "asc") == "asc" ? "asc-sm" : "desc-sm"}" title="(sorted ${(data.dir || "asc") == "asc" ? "ascending": "descending"})"></span>${data.title ? data.title: data.field}</a><a class="k-button k-button-icon k-bare"><span class="k-icon k-i-close"></span></a></div>' Generated code:'var $kendoOutput, $kendoHtmlEncode = kendo.htmlEncode;$kendoOutput='<div class="k-group-indicator" data-'+(data.ns)+'field="'+($kendoHtmlEncode(data.field))+'" data-'+(data.ns)+'title="'+($kendoHtmlEncode(data.title || ""))+'" data-'+(data.ns)+'dir="'+($kendoHtmlEncode(data.dir || "asc"))+'"><a href="#" class="k-link"><span class="k-icon k-i-sort-'+($kendoHtmlEncode((data.dir || "asc") == "asc" ? "asc-sm" : "desc-sm"))+'" title="(sorted '+($kendoHtmlEncode((data.dir || "asc") == "asc" ? "ascending": "descending"))+')"></span>'+($kendoHtmlEncode(data.title ? data.title: data.field))+'</a><a class="k-button k-button-icon k-bare"><span class="k-icon k-i-close"></span></a></div>';return $kendoOutput;' at Object.compile (kendo.all.js:232) at Object.d [as template] (jquery-1.12.3.js:2) at kendo.all.js:25533 at kendo.all.js:25912 at kendo.all.js:25919 at kendo.all.js:25525 at kendo.all.js:25528compile @ kendo.all.js:232d @ jquery-1.12.3.js:2(anonymous) @ kendo.all.js:25533(anonymous) @ kendo.all.js:25912(anonymous) @ kendo.all.js:25919(anonymous) @ kendo.all.js:25525(anonymous) @ kendo.all.js:25528
Any ideas how to fix it? Or how to debug it?
I'm having problems with certain special characters in my use of the Gird.
The grid doesn't seem to like strings in the header (maybe elsewhere) that have parentheses ( ) or square brackets [ ]
I can't give specific content, but suffice it to say a column header like this: Header(XYZ) will break Kendo.js. Changing to square brackets does the same.
It this a problem with headers or will parens kack the the grid no matter where they're found?
I'm hoping that there may be a way out of this that won't require reengineering the client's data source or having to search and replace files (some will have 100s of 1000s of lines).
I don't have the exact error message at the moment but will post it when I do, if needed.
Any help would be appreciated.

.Events(evt=>evt.DataBound("FindNull, MyGridName"))Hi,
we wanted to have kendo Spreadsheet like shown in image below, without Action Bar, Tab strip(like Home, insert, Data) and footer. I have removed them, but it breaks functionality down. Is that possible without breaking functionality?
Please let me know.
Thank you

I'm working on a kendo grid and I'm having some trouble on a use case I feel like should be pretty straight forward but I can't seem to figure out so apologies if I'm missing something obvious. Basically I have a grid that has two dropdowns using editor templates and two number values, looks something like this:
@(Html.Kendo().Grid(Model.gridModel) .Name("grid") .Columns(columns => { columns.Bound(c => c.Type).Width(200).EditorTemplateName("TypeDropDownList"); columns.Bound(c => c.SubType).Width(150).EditorTemplateName("SubTypesDropDownList"); columns.Bound(c => c.ArgOne).Width(50); columns.Bound(c => c.ArgTwo).Width(50); }) .Editable(editable => editable.Mode(GridEditMode.InCell)) .DataSource(dataSource => dataSource .Ajax() .Batch(false) .ServerOperation(false) .Model(model => { model.Id(p => new { p.Type, p.SubType }); model.Field(p => p.Type).DefaultValue("Select Type"); model.Field(p => p.SubType).DefaultValue("Select Sub Type"); model.Field(p => p.ArgOne).DefaultValue(0); model.Field(p => p.ArgTwo).DefaultValue(0); }) ))
I have an event set up on the change event for the drop down but I'm running into some trouble on how I can get the current row's data: I've tried using the closest('tr') but I'm not getting a result back:
function dropDownGridChange(e) { var gridObject = $("#grid"); var grid = $("#grid").data("kendoGrid"); var dataItem = grid.dataItem($(this).closest('tr')); //returns undefined ...
I even tried putting a cell close event on the grid itself and was going to try and get the row from the UID but I can't seem to pull that value out either:
function onChangeGrid(e) {var grid = e.sender;var cell = grid.select();var row = cell.closest('tr');var row_uid = row.attr('data-uid'); //returns undefined...
Is there any way I can get the data out when the dropdown changes or any other way I could update ArgOne & ArgTwo on that change if I'm not going about this the right way? I'm just not sure where I'm going wrong.
