Hi,
I have a requirement where backend will send a dataset with multiple datatables as model to UI and I need to display grids for each table of dataset. I am not able to find any solution to use server binding with the datable to the grid.
Any help/suggestions would be appreciated..
Just as the title states I'd like to add a tooltip or even title to the options in the listbox. So that when a uses hovers the option the tip appears. The first Listbox binding is done on a SelectListItem List.
@(Html.Kendo().ListBox()
.Name("lbOptions")
.ConnectWith("lbSelectedOptions")
.Selectable(ListBoxSelectable.Multiple)
.Toolbar(toolbar =>
{
toolbar.Position(Kendo.Mvc.UI.Fluent.ListBoxToolbarPosition.Right);
toolbar.Tools(tools => tools
.TransferTo()
.TransferFrom()
.TransferAllTo()
.TransferAllFrom()
);
})
.BindTo(ViewBag.Lists)
)<!--End of lbProjects listbox-->
@(Html.Kendo().ListBox()
.Name("lbSelectedOptions")
.BindTo(new List<SelectListItem>())
.ConnectWith("lbOptions")
.Selectable(ListBoxSelectable.Multiple)
)<!--End of lbSelectedProjects listbox-->
I have followed the sample in the demo on how to implement the timeline component.
I am getting the following error: Uncaught TypeError: Cannot read properties of undefined (reading 'left')
at x (kendo.all.js:321370:19)
at init._initHorizontal (kendo.all.js:321370:19)
at init.refresh (kendo.all.js:321370:19)
at init.trigger (kendo.all.js:321370:19)
at init._process (kendo.all.js:321370:19)
at init.success (kendo.all.js:321370:19)
at success (kendo.all.js:321370:19)
at n.success (kendo.all.js:321370:19)
at i (jquery.min.js:2:27466)
at Object.fireWith [as resolveWith] (jquery.min.js:2:28230)
How can I resolve this ?
Here is the control in the cshtml page
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);
}
I have an AutoComplete control calling my Controller that has the [Authorize] attribute applied to it. When the session expires the control lets you still type in it and tries to call the controller. Nothing happens on the page to show an issue, but in the browser development tools console, there is a jQuery error reporting a 404 error.
The big question is why is it not either getting a 401 error code or following the redirect it is getting to go to the login page? If it was reporting the correct error code than at least I could capture it and redirect it myself or deal with it as I need to.
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