the problem willl occurs when the editable attribut of the grid is set to "inline" oder "popup".

If i change the value for a field, so it is not valid anymore, the validation message will be shown. When I change the filed back to the original valid value, the validation error is still displayed. The validation function is not called. If i set a break point on the custom validation function in the browser developer tools, the break point will not be arrived in this situation.

You can reproduce it with the "Grid / Custom validator editing" Demo

Steps:

1. Press Edit. The row will be editable
2. Write "A" in the field ProductName. The field will be valid.
3. Write "a" in the field ProductName. The field will be invalid and the validation message "Product Name should start with capital letter" is shown.
4. Write "A" in the field ProductName. The field will be valid but the validation message is still shown.

The same thing with the Fild "Unit Price" which have noch custom validation rather is set to "required"

Steps:

1. Press Edit. The row will be editable
2. Write 1 in the field Unit Price. The field will be valid.
3. Clear the field Unit Price. The field will be invalid and the validation message "Unit Price is required" is shown.
4. Write 1 in the field Unit Price. The field will be valid but the validation message is still shown.

What can I do to validate the fields right in this situation?

How can i add tool tip to the bubble chart in angular directive.?

in below code

<div kendo-chart
                 k-title="{ text: 'Crime stats', position: 'bottom' }"
                 k-legend="{ position: 'top' }"
                 k-series="[ {
                                 type: 'bubble',
                                 xField: 'year',
                                 yField: 'burglary',
                                 sizeField: 'population',
                                 categoryField: 'year'
                             }]"
k-x-axis="{
                                max: 2035,
                                min: 2009,
                                labels: { format: '{0}' },
                                title: { text: 'year' }
                             }"
                 k-y-axis="{
                               min: 10,
                                labels: { format: '{0}' },
                                title: { text: 'Performance Ratio' }
                             }"                             
                 k-series-hover="onSeriesHover"
                 k-data-source="crimeDataSource" 
                 style="height: 250px;" ></div>

Hi,

My Requirement is , I have a kendo grid  and I am binding data through Ajax. In My grid I have two columns Customer Number and Status.Customer Number is an Action link column. It must enable when status column is active . If status is Inactive the link column should disbale.

I have a grid-view which contains employee with id and name and a tree-view with cities with name and id and different roles under a cities as child nodes. I am dragging element from the grid and dropping it in the tree view to generate a hierarchy.

I like to prevent dropping duplicate employee under same cities/same roles in the tree view but like to allow drop on a different cities or under different roles in the same city. I have searched and found solution that prevents dropping duplicate element on the entire tree but how to do that on a sub tree level?

hi, 

i need to have a report (done using Grid) load with groups collapsed and showing the group totals.

if i use ClientGroupFooterTemplate it works but looks bad, see attached image.

how do i solve it? ideally i want to the see the group total on the 1st line of the group.  is the ClientGroupHeaderTemplate the answer?  btw, i cant get the Header to work in the same code where Footer code works.  below is the code:

<div id="ReportGridView" style="display: none;">
    @(Html.Kendo().Grid<VolumeViewModel>
        ()
        .Name("ReportGrid")
        .Columns(columns =>
        {
            columns.Bound(o => o.Firm).Width(130).Locked(true);
            columns.Bound(o => o.Collat).Width(70);
            columns.Bound(o => o.UserName).Width(100).Title("User");
            columns.Bound(o => o.Product).Title("Product Type").Width(110);
            columns.Bound(o => o.Symbol).Title("Symbol").Width(100);
            columns.Bound(o => o.Volume).Title("Amount (USD)").Width(160).Format("{0:n0}")
                    .ClientGroupFooterTemplate("Sub-total: #= kendo.toString(sum, \"n2\")#")
                    .ClientFooterTemplate("Period Total: #= kendo.toString(sum, \"n2\")#");
        })
        .ToolBar(tools => tools.Excel())
            .Excel(excel => excel
            .FileName("RevenueReport.xlsx")
            .Filterable(true)
            .AllPages(true)
            .ProxyURL(Url.Action("ExcelExportSave", "ReportGrid"))
            )
        .Sortable()
        .AllowCopy(true)
        .ColumnMenu()
        .Groupable(group => group.ShowFooter(true))
        .Resizable(resize => resize.Columns(true))
        //.Scrollable(scrollable => scrollable.Virtual(true))
        .Scrollable(s => s.Height("400px"))
        .Filterable(filterable => filterable
        .Extra(true)
        .Operators(operators => operators
        .ForNumber(n => n.Clear()
        .IsEqualTo("Is Equal To")
        .IsGreaterThan("Is Greater Than")
        .IsGreaterThanOrEqualTo("Is Greater Than Or Equalt To")
        .IsLessThan("Is Less Than")
        .IsLessThanOrEqualTo("Is Less Than Or Equal To")
        )
        .ForDate(d => d.Clear()
        .IsEqualTo("Is Equal To")
        .IsGreaterThan("Is Greater Than")
        .IsGreaterThanOrEqualTo("Is Greater Than Or Equal To")
        .IsLessThan("Is Less Than")
        .IsLessThanOrEqualTo("Is Less Than Or Equal To"))
        )
        )
        .Selectable(selectable => selectable
            .Mode(GridSelectionMode.Multiple)
            .Type(GridSelectionType.Row)
        )
        .AutoBind(false)
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(100)
            .Model(model =>
            {
                model.Id(p => p.Firm);
                model.Field(p => p.Collat).Editable(false);
                model.Field(p => p.UserName).Editable(false);
                model.Field(p => p.Product).Editable(false);
                model.Field(p => p.Symbol).Editable(false);
                model.Field(p => p.Volume).Editable(false);
            })
        .Read(read => read.Action("Volume", "ReportGrid")
        .Data("GetGridData"))
        .Group(groups =>
        {
            groups.Add(model => model.Firm);
            groups.Add(model => model.Collat);
            groups.Add(model => model.UserName);
            groups.Add(model => model.Product);
            groups.Add(model => model.Symbol);
        })
        .Aggregates(aggregates =>
        {
            aggregates.Add(model => model.Volume).Sum();
        })

        .Events(events => events.Error("onError").Change("onChange"))
        ))
</div>

How to change dynamically row data?

I'm updating my grid with some ajax intervals.

For now I'm using this solution:

But when there is many of rows, grid is staring to lagging.

Is any other way to update rows data? Without re-rendering all grid?

Below is a sample of the column. For some strange reason it does not work with Firefox or Safari on a Mac.

c.Bound(x => x.Active).Title("Active").Width(30).ClientTemplate("<center>#=Active ? 'Yes': 'No' #</center>").HtmlAttributes(new { style = "text-align:center;vertical-align: text-top;" });

Even when i just have this code still won't work.

c.Bound(x => x.Active).Title("Active").Width(30).HtmlAttributes(new { style = "text-align:center;vertical-align: text-top;" });

What happening is, if the row is active it says Yes or No or in the second line it will say true of false. When I click on the column to change the status a checkbox will appear. in either case. But when I try to mark it as checked or not checked it will go back to the text and won't allow me to chenge the status.     

Any ideas how to fix it?