I'm seeing conflicting information regarding support for the HTML5 History API in Kendo. I can't find any mention of it in the docs, but I do see a comment about how history is implemented in SPA via the Router using page fragments (#stuff). I do not want to use page fragments. Instead, I want to use the HTML5 History API.
I submitted a feature request for this, but it was declined because it is apparently already supported:
http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/4183941-support-html5-history-api

Where is it supported and is there any documentation I can look at to see how to use it?

Hi there, 

I have a grid with the clientRowTemplate and the ability to reorder columns. I'm saving the reordered columns state and retrieving on the next user login, when I call the grid.reorderColumn() on$(window).ready(), the columns are getting reordered but the rows are not. If i removethe clientrowtemplate, the rows are getting reordered too. Is there a way to reorder the rows along with the columns keeping the clientRowTemlpate on the grid? 

This is the function i'm calling on Window.ready



Thanks!
Phani

Is there a way to pass additional data the button's click event? I need to pass information from the data item that the button is on (ListView template) to the function handling the click event.

Thanks!

Hello,

Is there a way to define something like an AngularJs ng-click handler  for your toolbar buttons, so that you don't have to manually call $apply?

As an example, here is what I currently do:

Thanks,
Lars

Hi,

I prepared solution for save Kendo grid state into database and load it. I have problem, because if I click Load state everything was loading correctly but toolbar with standard create command disappear. Please help I don't know what I'm doing wrong.

This is code for save/load state:

function save_state() {
        var grid = $("#Projects").data("kendoGrid");

        var dataSource = grid.dataSource;

        var state = {
            columns: grid.columns,
            toolbar: grid.options.toolbar,

            page: dataSource.page(),
            pageSize: dataSource.pageSize(),
            sort: dataSource.sort(),
            filter: dataSource.filter(),
            group: dataSource.group()
        };

        $.ajax({
            url: "/Projects/Save",
            data: {
                data: JSON.stringify(state)
            }
        });
    }

    function load_state() {
        var grid = $("#Projects").data("kendoGrid");

        var dataSource = grid.dataSource;

        $.ajax({
            url: "/Projects/Load",
            success: function (state) {

                var loaded_state = JSON.parse(state);

                var options = grid.options;

                options.columns = loaded_state.columns;

                options.dataSource.page = loaded_state.page;
                options.dataSource.pageSize = loaded_state.pageSize;
                options.dataSource.sort = loaded_state.sort;
                options.dataSource.filter = loaded_state.filter;
                options.dataSource.group = loaded_state.group;

                grid.destroy();

                $("#Projects")
                .empty()
                .kendoGrid(options)
            }
        });
    }

There is Kendo Grid definition code:

@(Html.Kendo().Grid<issueTracker.Model.Project>()
    .Name("Projects")
    .Pageable()
    .Columns(col => 
        {
            col.Bound(p => p.ProjectID).Hidden(true);
            col.Bound(p => p.ProjectName);
            col.Bound(p => p.Description);
            col.Bound(p => p.ImagePath);
            col.Command(comm => { comm.Edit(); comm.Destroy(); });
        })
    .ToolBar(t => t.Create())
    .Sortable()
    .Filterable()
    .ColumnMenu()
    .Editable(edit => edit.Mode(GridEditMode.InLine))
    .DataSource(dt => dt
        .Ajax()
        .Read(r => r.Action("GetData", "Projects"))
        .PageSize(20)
        .ServerOperation(false)
        .Events(e => e.Error("error_handler"))
        .Update(u => u.Action("UpdateProject", "Projects"))
        .Destroy(u => u.Action("DeleteProject", "Projects"))
        .Create(u => u.Action("CreateProject","Projects"))
        .Model(m => m.Id(p => p.ProjectID)))

)

How would I add icons in a horizontal row on a linear chart?  As I figure it, I would need to do two things:

1. First, I would need to "extend" the chart's vertical "majorGridLines" so that there was room to add a row of icons/images without overlapping the data.
2. Second, I would need a method to add an image for each x-axis point and be able to specify the y-location (position) at which it was drawn.  Ideally, the the image's file name would come from the data set.

Is this what chart annotations are intended to handle?  I have not been able to find any information on annotations, other than they were introduced in 2013 Q2.

I have attached an image of what I am describing. 

Thank you for your assistance.

Hi,

All code below runs on NodeJS/Express/EJS.
I have a two file form.js and grid.js.

In the form.js I create grid object and define custom validator like here:
-------------------------------------------------------------------------------------------------
...
rest.get(uri, {}).on('complete', function (data, result) {
         var schemeGridColumns = {};
         ...
         schemeGridColumns["field1"].validation = {
                                                                          required: true,
                                                                          custom: function (input) {
                                                                                  if (input.is("[name=field1]") && input.val().length > 5)  {
                                                                                          input.attr("data-custom-msg", "My notification from validator.");
                                                                                          return false;
                                                                                   }
                                                                                   return true;
                                                                    }
       ...
       var grid = {
              editable: {
                    mode: "popup",
                    ....
              },
             transport: {
             ..... 
             },
             ...
            dataSource: {
                   ....
                   schema: {
                          data: 'data',
                          total: 'total',
                          model: {
                               id: gridKeys,
                               fields: gridSchemaFields
                          }
                   }
            },
           ....
      };

      res.render("grid.js", grid: grid, ....);
)};
--------------------------------------------------------------------------
File grid.js looks like this:
----------------------------------------------------------------------------
<div id="grid" style1="float:left"></div>
<div class="clear1"></div>

<script language="javascript">
    $(document).ready(function() {
        titan.setTitle('<%= title %>');

        // create Kendo UI Grid
        $('#grid').kendoGrid(<%- JSON.stringify(grid) %>);

    });
</script>
--------------------------------------------------------------------------------
The problem is that standard validation require works in popup,
but custom doesn't fire. I've tried with inline mode. Result is the same.
May be problem with EJS template compiler?

I have an MVC 4, EF 5 model first project with these models:

• Contractor
• Profile

Hello,

is it possible to use the groupFooterTemplate with multiple group? It seems like only the footertemplate works.
Here is an example. I want to display the count in every group and subgroup, e.g. employees -> female -> count=2 and also employee -> count=4



Thanks in advance

Kind regards

Jens Borowy

I have a kendo grid with command columns to delete row, and a button outside grid to delete multiple rows.

my problems: 

I want to disable confirm box of outside button but keep confirmbox of command column.

How to do it?