Hi, we use the grid "toolbar" property.  But, we found that the documentation of the kendoToolBar "standalone" offers more possibilities, like adding a type "separator", groups, toggle, ...

My question is:
When I create my grid, is it possible to get a reference to its containing kendoToolBar (if it's a complete kendoToolBar ?), that allow to add more complex items.

Something like: 

var kgrid = $('#grid1').kendoGrid({toolbar: [...]}).data("kendoGrid").

var kToolbar = $('#grid1 .k-grid-toolbar').data("kendoToolBar") // or kgrid._secret_property?

kToolbar.add({type: "separator"})

I tried that, but the kToolbar is undefined.

Hiding the first column in Grid will show a 2 pixels left border instead one.

Dojo Sample to replicate the issue: https://dojo.telerik.com/ubaLiYEN

Steps:

1. Hide the first column (OrderID) from the Column Menu.

2. Notice the doubled left-border on the left hand side of the Grid.

Hi Team,

We are have gone through the documentation for make specific column editable. We found that we need to make it in schema. As we are using some complex objects along with ODATA expand.

We are unable to maintain or Add all the fields under schema.If we make a editable property of column to Boolean and based on value framework will me either read-only or editable.

Consider a scenario like Grid with 10 columns based on quantity, price,discount change need to calculate the tax.

Here tax calculation will be dynamic and some columns we can add on the fly.

In some cases like ODATA expand  if i want to make expanded column to editable then it a tough process to edit

like above situations it will be useful if we make column editable to Boolean for achieve column level editing

Thanks

Dear Sir / Madam,

At grid PDF export, in case of allPages: false --> Actual rows are rendered to multiple pages properly, but all pages are written on the first page.

It works well, if I set "options.pdf.multiPage" to "true", but it is not in API reference.

A solution might be if this variable is fixed to true in grid prototype "saveAsPDF" function:
          "options.multiPage = true;" instead of "options.multiPage = options.multiPage || options.allPages;"

Please see this example: https://dojo.telerik.com/usUnUziL/2

Step 1: press "Export to PDF" --> Result: wrong pdf

Step 2: press "Set multiPage: true"

Step 3: press "Export to PDF" --> Result: good pdf

Best Regards,

Szabolcs Tóth

When the grid is configured for InCell editing and frozen columns, it is expected the first editable cell to be opened for editing when a new record is added. 

However, when there is not an editable cell in the locked columns, it would not search in the main content. Here is an example:

https://dojo.telerik.com/ucEraQOW

A temporary workaround would be to override the editModel function and check in the second table as well:

https://dojo.telerik.com/aJEsAnud

When using the Nova theme locked command columns are not styled correctly.   
In the following dojo one command column is locked and not styled while another command column is not locked but styled correctly.
https://dojo.telerik.com/eWECAZEw

Here's the code in case the dojo doesn't work:

We need the ability to merge grid rows with the same values (see attached). This is a feature our customers have come accustom to with our Windows UI and the Developer Express toolkit. I understand I can manipulate the rowTemplate to achieve similar results but it is my understanding this will cause issues with row selection, editing, etc... Is this something that can be introduced in the future?

Regards,

Bracken

1. Create a grid with two editable columns.
2. Define validation rules for both columns. Keep one column as required.
3. Edit the row. Set the required column value using model.set method.'

It fails because before setting the value it performs validation. If validation was successful then it will set the value on model.

Since the desired field has no value and validation rule will fail on that.

It should accept the value and then perform validation. If validation fails with new value then it might discard the changes.

$("#grid").kendoGrid({
  dataSource: {
    batch: true,
    transport: {
      read: function(e){
        e.success([1,2,3,4,5,6,7,8,9].map(function(i){return {id: i, title: "test" + i}}));
      }
    },
    schema: {
      model: {
        id: "id",
        fields: {
          id: {defaultValue: "-1"},
          title: {
            validation: {
              required: true
            }
          }
        }
      }
    }
  },
  columns: [
    {field: "title", title: "Title", filterable: {field: "title.a"}},
    {command: ["edit", {name: "destroy"}]}
  ],
  editable: {mode: "inline"},
  filterable: true,
  toolbar: [{name: "create"}]
});
 
var grid = $("#grid").getKendoGrid();
var model = grid.dataItems()[0];
grid.editRow(model);
model.set('title', '');
model.set('title', 'test 1111'); // it will fail

Request

I'd like to ask for a demo which utilizes the most up to date approach to creating a Kendo UI Grid using NPM, TypeScript, and in a SharePoint 2019 with a Gulp serve environment. 

Thank you for your consideration!

Please consider adding groupHeaderColumnAttributes as a feature. groupHeaderColumnTemplate is a welcome addition to the grid capabilities and it would be great to easily set styles on group header columns. Frankly, it would be helpful to have attributes available for templates (groupHeader, groupFooter, etc.).

Thanks

Hi, 

Here is the dojo to reproduce. In this dojo I've created imitation of data, that coming from server in our case. The main idea is to have a grid with lazy loading - it has 10 groups (page 1) and after scrolling down it loads 10 more groups (page 2) and etc.

Issue 1. 

After scrolling down, data from the last group is updated with some data, that is not belongs to it. Please see 'Issue1.png' attached.

Issue 2.

Groups from the first page are duplicated after scrolling down. For example, there is a group named 'C3'. After scrolling down, it is duplicated once again. Please see 'Issue2.png' attached. New groups are placed after these duplications. By the way, as groups from the 1st page are duplicated, there is more than 20 groups is shown, but the counted at the bottom of the grid says that '20 of 137' elements are show.

So it would be great, if you could fix that. Or even provide temporary fix for us.

Thank you!

the Kendo grid does't accept cell value changes when using android mobile phone with the Chrome browser. You can test it on the telerik demo https:demos.telerik.com/aspnet-mvc/grid/editing.

for example change the value of the Unit Price and go to the other cell. you will see that the value will become the original value.

just by touching some where outside the border of the grid the value will change.

Following example @ https://docs.telerik.com/kendo-ui/knowledge-base/grid-sort-displayed-columns-menu-items sorts a column menu. When hide column is then clicked, the wrong column is hidden.

This can be seen in your own dojo example linked in the above doc and @ https://dojo.telerik.com/UWuxOseV . Hiding column Ship Name hides Ship Address instead.

This seems to have been introduced in 2019 R2 SP1 version.

Hi

I am binding columns dynamcially in jquery without template column header spacing working file becuase i have added "[ ]" this symbol.

but when try to add anchor tag link with onclick method then i am getting issue.

i have attached file java script error please provide some solutions.

When clicking on CheckBox to select a line, the widget check other checkbox (on other column of the same line) inserted from column template.

I suppose that the selector that the system use is too large.

For information, i created a template for boolean column based on how kendo generate checkbox structure (just de be coherent)

See the code extracted from https://dojo.telerik.com/EqiPIkiV

 var checkBoxtemplate = function(boolValue){
   	var checkedStr = '';
    if (boolValue) {
    	checkedStr = 'checked="checked"';
    }

        
    return '<input class="k-checkbox" data-role="checkbox" ' + checkedStr + ' type="checkbox"><label class="k-checkbox-label k-no-text smi-checkbox-fordisplay"></label>';
 };
  
$("#grid").kendoGrid({
  columns: [
    {
      selectable: true, 
      width: '30px'
    },
    { field: "name" },
    { field: "age" },
    { field: "administator", 
      template: function (dataItem) { 
        return checkBoxtemplate(dataItem.administator); 
      }  
    }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30, administator: false },
    { name: "John Doe", age: 33, administator: false },
    { name: "BigBoss Doe", age: 70, administator: true }
  ],
  selectable: true
});

1. Navigate to: https://dojo.telerik.com/AJoVUwen/2
2. Click setOptions button multiple times.
3. Sort some column

Result: The old events handlers are not cleared(see the console).