In our UI for ASP.NET Core R3 2020 (2020.3.915) release, the Column menu message of unsticking a column is "null".

This bug will be resolved in our next official release.

In the meantime, as a workaround, manually set the Unstick Column menu message:

Hello,

I want to show, group and filter the Id field on one of the grid columns by connecting it to the Enum side.

I used ForeignKey column but it doesn't show the data.

The request is being sent. data is returning. But it doesn't show.

Important Note: I don't use inline editing on the grid. It'll only show.

What's wrong?

{
    "Data": [
        {
            "LogoUrl": "",
            "ParentCompany": null,
            "ParentCompanyId": 0,
            "CompanyType": 10,
            "CompanyTypeId": 10,
            "Title": "POL & PAK LTD",
            "Code": "12688900",
            "PostCode": "ST1 4NP",
            "Address": "10 Harcourt Street, Stoke-On-Trent, England, ST1 4NP",
            "ShortNotes": "12688900 - Incorporated on 22 June 2020",
            "VatNumber": null,
            "ExemptVat": false,
            "EoriNumber": null,
            "RegisterNumber": "12688900",
            "CreditLimit": 0.00000,
            "DiscountRate": 0.00000,
            "CreditTerm": null,
            "CreditTermId": 0,
            "Longitude": null,
            "Latitude": null,
            "Status": "Active",
            "StatusId": 10,
            "Id": 1
        }
    ],
    "Total": 1,
    "AggregateResults": null,
    "Errors": null
}

 columns.ForeignKey(p => p.CreditTermId, ds => ds.Read(r => r.Action("GetCreditTerms", "ErpCommon")), "CreditTermId", "CreditTermName").Title("CreditTerm"); 

 public async Task<IActionResult> GetCreditTermsAsync()
 {
     var model = new List<ErpCreditTermViewModel>();

     var availibleCreditTerms = await _erpCreditTermService.GetCreditTermsAsync();
     foreach (var creditTerm in availibleCreditTerms)
     {
         var erpCreditTermViewModel = await _erpCreditTermModelFactory.PrepareCreditTermViewModelAsync(creditTerm);
         model.Add(erpCreditTermViewModel);
     }

     return Json(model);
 }

We're currently out of support. I don't know if Bug reports are being monitored here.

Please see REPL: https://netcorerepl.telerik.com/QekyEebS14OOdCp509

Problem: Drag&Drop of Row (Reorderable) not working because Grid inside TabStrip.

I am trying to filter through a model lets say:

public class Cat

{    

     public int Id {get; set;}

     public int ColorId {get; set; }

}

public class Color

{

    public int ColorId { get; set; }

    public string? Color { get; set; }

}

in the controller :

public IActionResult GetCatsColors([DataSourceReques] DataSourceRequest request)

{

    var catColor = (from c in _catContext..Cats.ToList()

                              join v in _colorContext.Colors.ToList() on c.ColorId equals v.ColorId

                              select new ColorCat

                             {

                                   Colori = v.Color,

                                   CatId = c.Id

                             }).ToList();

                var jsonCat = catColor.ToDatasourceResult(request);

                return Json(jsonCat);

}

the view:

 @(Html.Kendo().Grid<TelerikOrderBossProduction.ViewModels.ColorCat>()

      .Columns(col =>

      {

             col.Bound(t => t.Id);

             col.Bound(t => t.Colori);

     }

     .Filterable(f => f.Mode(GridFilterMode.Row))

     .etc

    Now when I try to filter through the Id I get the grid to respond but when I filter by Colori I do not get a response

    and I have noticed, Error 500. Server internal error.

   I also have tried creating a view in the database but the same result appears. It looks like it only filters from one class but not the other.

  ArgumentException: Invalid property or field - 'Colori' for type: Cat

I have a grid whose first column is a string column, and the 2nd and 3rd columns are sometimes dropdowns based on the value shown in the first column.

I have it mostly working except for a small issue. If I click slowly enough it seems to work but if i click around the different cells eventually my dropdown appears in a cell that it should not. What is the correct way to implement the described behavior?

Should I be looking for a cell template solution? Or do I need to subscribe to a custom grid event?

Any advice would be much appreciated.

Below code needs to be corrected for ASP.NET Core Grid Popup Editing : 

https://demos.telerik.com/aspnet-core/grid/editing-popup?autoRun=true&theme=default-main-dark

.DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.ProductID))
        .Create(update => update.Action("EditingPopup_Create", "Grid"))
        .Read(read => read.Action("EditingPopup_Read", "Grid"))
        .Update(update => update.Action("EditingPopup_Update", "Grid"))
        .Destroy(update => update.Action("EditingPopup_Destroy", "Grid"))
 
It seems create arrow function is called for update & destroy as well.
while editing the row data EditingPopup_Create create is called instead of update !!

Hello ,

We use the method ToDataSourceResult ( Telerik UI  for Asp.net Core 2024.1) and EF Core (8.0) to perform a simple query on a table. The primary key of the table is a String type and is case-sensitive. There are two pieces of data in our database. Their primary key values only differ in case.

ID: DEHE061800005DTF, Name: First

ID: DEHE061800005DTf, Name: Second

When we filter based on the primary key, we always get two pieces of data, but they are actually the same piece of data. In other words, another piece of data was not returned. Such as:

ID: DEHE061800005DTF, Name: First

ID: DEHE061800005DTF, Name: First

It seems that some kind of operation is performed internally according to the primary key, but because the case is not taken into account, the same piece of data is used twice.

We wanted to know if we could somehow solve this problem.

Thanks!

/View
columns.Bound(c => c.EmpTypes).Title("Type")
.Filterable(filterable => filterable
.Multi(true)
.ItemTemplate("typetemplate")
.DataSource(ds => ds.Read(r => r.Action("GetEmpTypes", "Report"))));

<script>
    function typetemplate(e) {
        return ({ Text, Value }) => `<span><label><span>${Text}</span><input type='checkbox' name='" + e.field + "' value='${Value}'/></label></span><br/>`
    }
</script>

//ReportController.cs
public JsonResult GetEmpTypes()
{
    var enumList = EnumToSelectList(typeof(EmpTypes)); // Convert the Enums to List<SelectListItem>
    return Json(enumList, JsonRequestBehavior.AllowGet);
}

public static List<SelectListItem> EnumToSelectList(Type enumType)
{
     return Enum
              .GetValues(enumType)
              .Cast<int>()
              .Select(i => new SelectListItem
              {
                  Value = i.ToString(),
                  Text = Enum.GetName(enumType, i),
              })
              .ToList();
}

I'm upgrading to Kendo 2024.1.130 and I've been able to get svg icons on a button or other places using this construct.

<div class="ara-footer">
    <button class="k-button k-button-icontext" onclick="cancelEdit(id)">
        <span id="ericIcon"></span>
        Back
    </button>
</div>
<script>
    kendo.ui.icon($("#ericIcon"), { icon: 'camera' });
</script>

That worked flawlessly.  Thank you for the great example.

Now I'm trying to add svg icons to a Custom command in a grid.  This is the code I have previously when using font-icons.

Html.Kendo()
.Grid<TemplateModel>()
.Name("GridApprovedTemplates")
.Columns(columns =>
{
  columns.Command(command =>
    {
      command.Edit().Text(" ").UpdateText(" ").CancelText(" ");
      command.Custom(" ").Text("<span class='k-icon k-i-info'></span> ").Click("refreshApprovedTemplateDetail");
    }).Width(150);