Hello

I used popup window to edit a row in grid, I want to know how can I customize the popup windows (Edit title, Size, Hide some fields, Submit button title ,,, etc)

Anyone can help please? 

I have a columns.Select() in my kendo grid which shows checkboxes to select all the rows if I check the checkbox in the header. I need to override the behavior of this control to select only certain fields based on the values of another column.

Is there any way I can bind this any event and get it to work? I tried using jquery using the class I added, but I was not able to get the event to fire. Please suggest.

@(Html.Kendo().Grid<WMP.Models.Home.WorkFlowApprovalViewModel>()
            .Name("gridApprovals")
            .Columns(columns =>
            {

                    columns.Select().MinResizableWidth(5).HtmlAttributes(new { @class = "cmddestroy" });


                columns.Bound(c => c.PersonId).Filterable(ftb => ftb.Multi(true).Search(true));
                columns.Bound(c => c.UserName).Filterable(ftb => ftb.Multi(true).Search(true));
                columns.Bound(c => c.UserEmail).Filterable(ftb => ftb.Multi(true).Search(true));

}

I have a DropDownList and users are annoyed that whilst the data is loaded it says "No data found." when in fact, the data hasn't been loaded yet - I found this config item:

https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/messages.nodata

How do I make one message appear whilst the data source is loading, and another message once the data has loaded (and in fact, there was no data found)

Hi team

I have Kendo MVC Grid.I Implemented In cell batch Edit grid with Dropdownlist column.This grid will not have Create,Delete Operation. only Update operation is availble.I need to Defualt my dropdown  to Particular Value if Cell value have 0.Dropdown will have Values as 5 to 10.And i want to Make 5 as Defualt value if Cell value is 0.

Can any one help on this please

Hi,

We are wondering if it is possible to create a pop up message box using kendo UI for MVC that only shows up in the webpage if any value within a Kendo grid's column exceeds a certain number? Below is the code we have.  col.Bound(c => c.Current).Title("Current") would be the column that contains Double and if any of the values under Current exceeds the number 3, we'd like to have a pop up box in the web. 

Thanks!

    @(Html.Kendo().TabStrip()
    .Name("Tabs")
         .Items(items =>
         {

         items.Add()
         .Text("Table").Selected(true)

                    .Content(@<text>

             <div>

                            @(Html.Kendo().Grid(Model.XXTable).Name("XXTable")
                                .Columns(col =>
                                {
                                    col.Bound(c => c.Name).Title("XXX").Width(200).HeaderHtmlAttributes(new {style = "background:#d50032;font-weight:bold;color:white"});
                                    col.Bound(c => c.Current).Title("Current").Width(100).HeaderHtmlAttributes(new { style = "background:#d50032;font-weight:bold;color:white" });

                                }))
        </div>

Hi, we recently upgraded from kendo 2020 to 2021.2.616.

We use System.web.optimization to bundle resources, when building Debug configuration all works fine because bundling is disabled, however when building the Release configuration the bundle is missing some javascripts files, I can't figure out which ones. 

This is the bundle definition:

RegisterScriptBundle(bundles,"~/scripts/libraries",
                        "~/Scripts/jquery-1.12.4.min.js",
                        "~/Scripts/kendo/2021.2.616/kendo.all.min.js",
                        "~/Scripts/kendo/2021.2.616/kendo.aspnetmvc.min.js",
                        "~/Scripts/kendo/2021.2.616/cultures/kendo.culture.en.min.js",
                        "~/Scripts/jquery.unobtrusive-ajax.min.js",
                        "~/Scripts/jquery.knob.min.js",
                        "~/Scripts/kendo.web.ext.js",
                        "~/Scripts/jquery.charcounter.js",
                        "~/Scripts/jquery-ui-1.12.1.min.js");

The javascript error is:

Uncaught TypeError: r.clone is not a function
    at i.r [as bbox] (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:19734)
    at i._clippedBBox (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:19612)
    at i.clippedBBox (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:19587)
    at ns (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:16998)
    at i._clippedBBox (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:20809)
    at i.clippedBBox (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:19587)
    at u._initGroups (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:20941)
    at u.reflow (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:20895)
    at init.reflow (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:154923)
    at init.reflow (libraries?v=uEIi5mr2MZbqm5xOzDimRmLOgXThBVTGFDgP5Q4dk2Q1:formatted:141656)

prettyfied related code: 

Is there any way to set the column name for the expendable column of the parent for ClientDetailsTemplateId .

There are three issues with this, first, it does not show the column name, the second I want to change the width of these columns and third there is no column separator as we have for other columns.

Please find the attached screenshot.

Hi Team,

We are using RadEditor in our MVC application. Content entered or copied is converted to RTF format and then saved to database.

But when we copy text like following from Microsoft word:- Text  for “Unicode ‘Testing’ Test” (text containing quotes entered in MS word) ,       after exporting to RTF, it is converting to Unicode characters as following :-    \u8220?UniCode \u8216?Testing\u8217? Test\u8221.

Even when we disable the filter of ConvertCharactersToEntitiesas shown below, still it is not working.

RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.ConvertCharactersToEntities));

Instead of replacing the above characters by hardcoding them, is there any possible way to avoid this Unicode conversion. Please let us know if it is possible.

Thanks in Advance,

Sushma Katneni

I have enabled conditional ClientDetailTemplateId in Kendo MVC Grid, It's working as expected.

But I also want to enable/disable the row on cell value change in the grid. So If ID is X then should not be expandable, but if it's other than X then it should be expandable (show the expandable mark on the first cell, and on click of it it should show the child div).

I have tried this, But it is not working.

<script id="templateSubRow" type="text/kendo-tmpl">
    # if (ID == 'X') { #

    <div>Child Div</div>

    # } #
</script>

@(Html.Kendo().Grid<MyModel>()
.Name("mygrid")

.Columns(columns =>
{
    columns.Bound(config => config.ID).Width(90).Title("ID").HeaderHtmlAttributes(new { @class = "grid-headercustom" })
        .HtmlAttributes(new { @class = "grid-rowcustom" }).Filterable(ftb => ftb.Enabled(true));
})
.HtmlAttributes(new { style = "height:100%" })
.NoRecords("No Data Available")
.Editable(e => e.Mode(GridEditMode.InCell))
.Scrollable()
.Sortable()
.Navigatable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Events(e => e.Change("onChange"))
.Read(read => read.Action("MyActionMethod", "MyController"))
.PageSize(150)
.Model(model => { model.Id(p => p.ID);
    model.Field(p => p.ID).Editable(true);
}))
.ClientDetailTemplateId("templateSubRow")
.Events(x => x.DataBound("dataBound"))

)
function dataBound() {
    var dataSource = this.dataSource;
    this.element.find('tr.k-master-row').each(function () {
        var row = $(this);
        var data = dataSource.getByUid(row.data('uid'));
        if (data.ID === 'X') {
            row.find('.k-hierarchy-cell a').css({ opacity: 0.0, cursor: 'default' }).click(function (e) { e.stopImmediatePropagation(); return false; });
        }
    });
}

function onChange(e) {
    if (e.action == "itemchange") {
        var items = e.items;
        var grid = $('#mygrid').data('kendoGrid');
        for (var i = 0; i < items.length; i++) {
            var dataItem = items[i];
            if (e.field == 'ID') {
                var rowCells = grid.element.find("tr[data-uid=" + dataItem.uid + "] td");
                if (dataItem.ID === 'X') {
                    $(rowCells[0]).addClass('kendo-cell-highlighter');
                    $(rowCells[0]).click(function (e) { e.stopImmediatePropagation(); return false; });
                }
                else {
                    $(rowCells[0]).removeClass('kendo-cell-highlighter');
                    $(rowCells[0]).click(function (e) { return true; });
                }
            }
        }
    }
}

<style>
    .kendo-cell-highlighter {
        opacity: 0.0;
        cursor: default
    }
</style>