Hi Team,

In my application below jQuery version has been updated

"~/Scripts/jquery-3.6.0.min.js",
"~/Scripts/jquery-migrate-3.4.0.min.js", 

  After the upgraded version I am getting Uncaught TypeError: Cannot read properties of undefined (reading 'id')  this error 

In in my kendo grid like this  .Events(command => command.DataBound("onGridDataBound"))

 function onGridDataBound(e) {

        dataBoundNoResultsDisplayCheck(e);

//some custom business logic is here

}

and the error generating function is below 

function dataBoundNoResultsDisplayCheck(e) {

          switch (e.sender.table.context.id)

               {

                }

}

on the basis of id code is running but now after the update not able to get grid id can you help me on this finding workaround here for getting kendo grid id in event 

I am working on a media displaying application for use in-house.  The media player, as offered by Telerik, is an obvious choice.  While my initial attempts appear to be bearing fruit, I have run up against one item I cannot seem to crack.

The "toolbar" controls seem to never want to "hide".  That is when a video is displayed the controls appear to briefly overlay the videos lower portion allowing the user to adjust things.  While this is logical, they never seem to hide.

I have attempted to use the API to get a handle of the toolbar.  That works.  When I call the .hide() feature, nothing happens.

Ideally my goals are to hide both the controls and title bars.   Neither appear to be responding.

Am I missing something obvious?  While visually it is working, I am attempting to fine tune the user experience.

Here is a synopsis of the view displaying the media

I followed the direction in this forum post to disable the checkbox based on certain conditions:

https://www.telerik.com/forums/problem---select-all-checkbox-selects-disabled-row#login

Here's the runnable example:

https://dojo.telerik.com/alAtUWUb

However, when I click on the select-all checkbox, I realized selectedKeyNames() is selecting those that have been disabled.

You can verify that by adding "alert(this.selectedKeyNames().join(","));" in onChange function, and it will alert disabled checkbox id as well.

This is not desirable. How can I get the selectedKeyNames() for those checkboxes that are not selected?

When I configure like this

var supportedCultures = new[] { new CultureInfo("zh-CN") };//new CultureInfo("en-US"), new CultureInfo("zh-CN")

app.UseRequestLocalization(new RequestLocalizationOptions
{
    DefaultRequestCulture = new RequestCulture("zh-CN"),
    SupportedCultures = supportedCultures,
    SupportedUICultures = supportedCultures
});

and

	<link href="https://cdn.kendostatic.com/2022.1.301/styles/kendo.bootstrap-main.min.css" rel="stylesheet" type="text/css" />
	<script src="https://cdn.kendostatic.com/2022.1.301/js/jquery.min.js"></script>
	<script src="https://cdn.kendostatic.com/2022.1.301/js/jszip.min.js"></script>
	<script src="https://cdn.kendostatic.com/2022.1.301/js/kendo.all.min.js"></script>
	<script src="https://cdn.kendostatic.com/2022.1.301/js/kendo.aspnetmvc.min.js"></script>

    <script src="https://kendo.cdn.telerik.com/2022.1.301/js/cultures/kendo.culture.zh-CN.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.1.301/js/messages/kendo.messages.zh-CN.min.js"></script>
    <script>
        kendo.culture("zh-CN");
    </script>
</head>

The page effect is not displayed properly

I found that the second screen start of the scroll bar is not localized

But when I set it up like this

var supportedCultures = new[] { new CultureInfo("en-US") };//new CultureInfo("en-US"), new CultureInfo("zh-CN")

app.UseRequestLocalization(new RequestLocalizationOptions
{
    DefaultRequestCulture = new RequestCulture("en-US"),
    SupportedCultures = supportedCultures,
    SupportedUICultures = supportedCultures
});

it shows correct

Afternoon.

I have a MVC Grid with popup editing, created using an example posted on a previous question from me:

https://www.telerik.com/forums/grid-popup-editing-1551548

The popup edit only updates some of the fields in the grid.

I have a datetime field Dateinpost which is set when the record is created - it doesn't need to be updated.

I have set its format in the model:

        [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]
        [DataType(DataType.DateTime)]
        public DateTime? Dateinpost { get; set; }

It doesn't need to appear on the popup template, but I have included it here so that you can see its value:

    <div class="k-edit-field">
        @Html.EditorFor(model => model.Dateinpost)
    </div>

When I update any of the values I get the following ModelState error in the Update action, and the value of Dateinpost in the model is null;

As you can see, the format of the date in AttemptedValue is not correct.

I could write a work around that would clear the ModelState error and not update that field, as it's not to be updated anyway, but it seems that shouldn't be necessary.  I've also tried using a date format of "dd/MM/yyyy HH:mm:ss" but that doesn't work either.

Kind regards,

Richard

I have been trying to figure out why the model value is not binding to the RadioGroupFor control.

For instance:

@Html.Kendo().RadioGroupFor(m => m.Auth).BindTo(BoolYesNo.Items).Layout(RadioGroupLayout.Horizontal)

I need to show a command button conditionally based on data in the grid.  I'm using the example in the link below but it's not working.

If I leave off the parentheses in the visible property then the javascript call never gets made.  If I add them, the javascript call does get made but the data parameter is undefined. 

I am using Core and the Razor syntax, not MVC and the HTML helpers as the example shows but I would assume the same concept should work.  Any ideas on why this is not working?

ASP.NET MVC Data Grid Component Show Command Buttons Conditionally | Telerik UI for ASP.NET MVC

<commands>
    <column-command name="questionanswers" click="goToQuestionAnswers" class-name="link-button" text="Answers" visible="isAnswerButtonVisible()"></column-command>
    <column-command name="edit" class-name="link-button" icon-class="k-no-icon"></column-command>
    <column-command name="destroy" class-name="link-button" icon-class="k-no-icon" text="Delete"></column-command>
</commands>

    function isAnswerButtonVisible(data) {
        return data.QuestionType !== "TrueFalse";
    }

Hi, I am using ASP Net Core UI in my web app. There is a tabstrip which contains 5 tabs. In each table I can edit/update contents. After I submit/save/update  in a tab, the tabstrip alway return to default selected tab. How to prevent that, so user always stay in the current tab after a action? I don't have ASP NET Ajax UI package.

Any suggestion?

thanks,

Hello,

Is it possible to divide a line into four and these four fields can be edited, like this?

Regard,