Hello
I wonder how I can append a treeview item WITH an id? I tried it in two ways:
var treeview = $("#treeview2").data("kendoTreeView"); treeview.append({ text: 'mytext', id: 'should work', // option1 attr: { // option 2 id: 'works on menu' } }, $('#treenode1'));
Text will always be shown, but ID will never be attached, neither defined directly as ID (option1), nor over ATTR as show above by option 2 (but that works in KendoUI menu).
Do I miss something or is it not possible that way?
Regards
I have several html elements that are to exported to pdf. I want to export a consolidated pdf from groups generated from all those html elements.
How should I go about this?

I am trying to convert the main nav bar at the top of my site to a kendo Toolbar. I have some of the custom functionality for MVC authentication, such as the logout form that I would like to keep in there. How can I convert this from a list of buttons to a toolbar? See below for the current HTML.
<ul>
@if (Request.IsAuthenticated)
{
<li class="k-primary k-button">@Html.ActionLink("Label1", "Action1", "Controller")</li>
<li class="k-primary k-button">@Html.ActionLink("Label2", "Action2", "Controller")</li>
<li class="k-primary k-button">@Html.ActionLink("Label3", "Action3", "Controller")</li>
<li class="k-primary k-button">@Html.ActionLink("Label4", "Action4", "Controller")</li>
using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm", @class = "navbar-right" }))
{
@Html.AntiForgeryToken()
<li class="k-primary k-button">
@Html.ActionLink(User.Identity.GetUserName(), "Manage", "Account", routeValues: null, htmlAttributes: new { title = "Manage" })
</li>
<li class="k-primary k-button"><a href="javascript:document.getElementById('logoutForm').submit()">Logout</a></li>
}
}
else
{
<li class="k-primary k-button">@Html.ActionLink("Label1", "Action1", "Controller")</li>
<li class="k-primary k-button">@Html.ActionLink("Label2", "Action2", "Controller")</li>
<li class="k-primary k-button">@Html.ActionLink("Label3", "Action3", "Controller")</li>
<li class="k-primary k-button">@Html.ActionLink("Label4", "Action4", "Controller")</li>
<li class="k-primary k-button">@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
<li class="k-primary k-button">@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
}
</ul>
When I add a new record then update it no issue comes. But when again edit the same record and then click on the cancel button then this error is coming
"Uncaught TypeError: Cannot read property 'uid' of undefined"
My code is :
var app = angular.module('myapp', ['kendo.directives']);
app.controller('commonCtrl', function ($scope) {
var factor = { Factor: { type: "string", editable: true } };
var dynamicMonths = {
decmonth: { type: "string", editable: true },
novmonth: { type: "string", editable: false },
octmonth: { type: "string", editable: false },
septmonth: { type: "string", editable: false },
augmonth: { type: "string", editable: false },
julmonth: { type: "string", editable: false },
junmonth: { type: "string", editable: false },
maymonth: { type: "string", editable: false },
aprmonth: { type: "string", editable: false },
marmonth: { type: "string", editable: false },
febmonth: { type: "string", editable: false },
janmonth: { type: "string", editable: false }
}
var fieldSet = $.extend(factor, dynamicMonths);
var crudServiceBaseUrl = "json/data",
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: crudServiceBaseUrl + "/read/qualitative.json",
dataType: "json"
},
update: {
url: crudServiceBaseUrl + "/update/qualitative.json",
dataType: "json"
},
destroy: {
url: crudServiceBaseUrl + "/delete/qualitative.json",
dataType: "json"
},
create: {
url: crudServiceBaseUrl + "/create/qualitative.json",
dataType: "json"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
},
batch: false,
schema: {
data: "qualitative",
model: {
id: "FactorID",
fields: fieldSet
}
}
});
var staticColumns = [{
command: [{
name: "edit", text: {
edit: "",
update: "",
cancel: ""
}
}, { name: "destroy", text: " " }], title: "Option", width: "115px", locked: true
}, { field: "Factor", title: "Factor", width: "250px", locked: true, }];
var dynamicColumns = [
{ field: "decmonth", title: "12/2016", width: "150px" },
{ field: "novmonth", title: "11/2016", width: "150px" },
{ field: "octmonth", title: "10/2016", width: "150px" },
{ field: "septmonth", title: "09/2016", width: "150px" },
{ field: "augmonth", title: "08/2016", width: "150px" },
{ field: "julmonth", title: "07/2016", width: "150px" },
{ field: "junmonth", title: "06/2016", width: "150px" },
{ field: "maymonth", title: "05/2016", width: "150px" },
{ field: "aprmonth", title: "04/2016", width: "150px" },
{ field: "marmonth", title: "03/2016", width: "150px" },
{ field: "febmonth", title: "02/2016", width: "150px" },
{ field: "janmonth", title: "01/2016", width: "150px" }]
var columns = staticColumns.concat(dynamicColumns);
$scope.productName = "CECL";
$scope.mainOptions = {
dataSource: dataSource,
toolbar: [{ name: "create", text: "<label class='lblAdd' title='Add Factor'>Factors</label>" }],
columns: columns,
editable: "inline"
}
});
In the above code I am using angular js and I getting the data from a json file which is situated locally on my machine.
I have individually separated the columns and data part in the objects. You can see in there.
Please help me out in this.
Waiting for your reply
I have got an error when I installed kendo ui library into webbit server in linux machine.
It run locally in any machine like windows and Linux. But remotely when i browse it will give error.
Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
Is there a way to sort the spreadsheet directly from a function? Something like spreadsheet.activeSheet().sortBy(columnId/columnName/something else)
Thanks
Marc

Hi,
Not sure if this is a bug or not but the scheduler drop down comes through when displaying a popup.
See attached file. It is only an issue when the width is less than 1024.
I am trying to add an onerror event along with the html using a custom command (insertHtml) and this works, but when I set the whole editor value, the editor changes the img tab and removes the onerror event.
Is there a quick fix for this?

.asp.net - mvc
I have a page that has multiple treeviews. (created dynamically)
I have added a function for the "Select" event of the trees. In the function, I want to get the Id of the selected node. From what I've read, this is done by: $("#treename").data("kendoTreeView").dataItem(e.node).id
However, because the method is wired to multiple trees, I do not know what tree e.node is in. (I do not know what #treename is)
How can I obtain information about the selected node in the Select event?
Thanks,
Justin