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

Hi,

Is it possible to fix the scheduler toolbar so when we scroll down it remains in view?