or
1 answer
88 views
I have used partial views in many places, usually nested within a tab control, but also in some places nested inside a for EditorTemplate.
This was done using following type of code :
Html.Partial("_PartialViewName", Model)Visual Studio was warning of :
MVC1000 : Use of IHtmlHelper.Partial may result in application deadlocks. Consider using <partial> Tag Helper or IHtmlHelper.PartialAsync.
So I went through and changed code where I could to :
awaits Html.PartialAsync("_PartialViewName", Model)This works fine where the partial was within a tab control, or direct on the view but not when it's within an EditorTemplate on a form. Trying the same code gives this error :
The 'await' operator can only be used within an async lambda expression. Consider marking this lambda expression with the 'async' modifier.
I have tried a few things but nothing that VS will accept. Can it be done?
Thanks
1 answer
40 views
Hy,
I am trying to display a list of data from an api model inside a TelerikGrid.
The api model is automatically generated and looks like this:
Data binding is done via a handler method in the razor page that return a JsonResult of the data list.
In this example below the column bind the property name "SalesGroup", but the bound method automatically resolves the name "salesGroup" (the name of JsonPropertyName attribute). Since the first letter is lowercase, the column does not display the value
I have currently created an extension of the Bound() method that resolves the correct name based on whether the "JsonPropertyName" attribute is present or not.
I would like to avoid using the "Bound(string memberName)" method.
Is there already a solution to my problem?
Thanks
Petar
Telerik team
answered
on
03 Dec 2024
1 answer
24 views
I have build my parent child table grid by referring above link. Still i need to have check box for each row just like checkbox tree.
For that i need to bind my child row id in template, I tried as below.
columns.Bound(o => o.ChildAppointmentID).Width(50).ClientTemplate("#= childCheckbox(OrderId) #");
Issue is:
At runtime, it is trowing error from child table by saying that it can not bind "OrderId" (No order id is not found).
Further i found out, This template only able to bind the date from parent data source only.
0 answers
45 views
I installed the Telerik UI for ASP.Net Core R2 2020 version using the msi file. It installed successfully including the demo application under Kendo.Mvc.Examples folder. When I open the demo application Kendo.Mvc.Examples.csproj project in Visual Studio 2019 and build it so that there are no errors, then running the project in non-debug mode (i.e. Debug > Start without Debugging) always gives the following error. But, if I run the application in debug mode i.e. Debug > Start Debugging then it runs perfectly, and I can view the demo application in browser without any errors. I have given full security permissions to all users on my laptop for the folder Kendo.Mvc.Examples, and also, I have configured successfully the service dependencies of Secrets.json and a database file on localdb SQL Server.
Could you let me know why the installed demo runs only in debug mode? I looked at the logs in the Event Viewer and noticed an error message that doesn't tell much.
Error in browser as below when running the demo app in non-debug mode
1 answer
35 views
When clicking the Add new record button on a grid from the Toolbar.Create method I am getting an error: kendo.all.js:3314 Uncaught TypeError: Cannot read properties of undefined (reading 'IsActive'). I'm using a ViewModel that is as follows:
public class PersonAddressViewModel
{
public List<PersonInfo>? PersonInfoList { get; set; }
public List<PersonAddress>? PersonAddressList { get; set; }
public PersonInfo? Person { get; set; }
public PersonAddress? Address { get; set; }
}
which is referencing these:
public partial class PersonInfo
{
[Key]
public int Id { get; set; }
[Required]
[StringLength(120)]
[Unicode(false)]
public string Name { get; set; }
public int Age { get; set; }
[Required]
[StringLength(10)]
[Unicode(false)]
public string Sex { get; set; }
[Required]
[StringLength(120)]
[Unicode(false)]
public string CreatedBy { get; set; }
public DateTime CreatedDate { get; set; }
[StringLength(120)]
[Unicode(false)]
public string? UpdatedBy { get; set; }
public DateTime? UpdatedDate { get; set; }
public bool IsActive { get; set; }
[InverseProperty("FkPersonInfoNavigation")]
public virtual ICollection<PersonAddress>? PersonAddresses { get; set; } = new List<PersonAddress>();
}
public partial class PersonAddress
{
[Key]
public int Id { get; set; }
[StringLength(120)]
[Unicode(false)]
public string StreetAddress { get; set; }
[StringLength(120)]
[Unicode(false)]
public string City { get; set; }
[StringLength(2)]
[Unicode(false)]
public string State { get; set; }
[StringLength(10)]
[Unicode(false)]
public string Zip { get; set; }
[Column("FK_PersonInfo")]
public int FkPersonInfo { get; set; }
[ForeignKey("FkPersonInfo")]
[InverseProperty("PersonAddresses")]
public virtual PersonInfo FkPersonInfoNavigation { get; set; }
}
This is my cshtml:
@(
Html.Kendo().DataSource<PersonAddressViewModel>()
.Name("DsPerAddVM")
.Ajax(datasource => datasource
.ServerOperation(false)
.Model(model =>
{
model.Id(perAdd => perAdd.Person.Id);
model.Field(perAdd => perAdd.Person.Id).Editable(false);
model.Field(perAdd => perAdd.Person.IsActive).DefaultValue(true);
model.Field(perAdd => perAdd.Person.Name).DefaultValue("Enter Name");
model.Field(perAdd => perAdd.Person.Age).DefaultValue(0);
model.Field(perAdd => perAdd.Person.Sex).DefaultValue("Optional");
model.Field(perAdd => perAdd.Person.CreatedBy).Editable(false).DefaultValue("Some User");
model.Field(perAdd => perAdd.Person.CreatedDate).Editable(false).DefaultValue(DateTime.Now);
model.Field(perAdd => perAdd.Person.UpdatedBy).Editable(false);
model.Field(perAdd => perAdd.Person.UpdatedDate).Editable(false);
model.Field(perAdd => perAdd.Address.Id).Editable(false);
model.Field(p => p.Address.FkPersonInfo).Editable(false);
})
.Read(read => read.Action("KendoRead", "Home"))
.Create(create => create.Action("KendoCreate", "Home"))
.Update(update => update.Action("KendoUpdate", "Home"))
.Destroy(destroy => destroy.Action("KendoDelete", "Home"))
)
)
<div>
@(
Html.Kendo().Grid<PersonAddressViewModel>()
.Name("UserGrid")
.Columns(columns =>
{
columns.Bound(perAdd => perAdd.Person.IsActive);
columns.Bound(perAdd => perAdd.Person.Name);
columns.Bound(perAdd => perAdd.Person.Age);
columns.Bound(perAdd => perAdd.Person.Sex);
columns.Bound(perAdd => perAdd.Address.StreetAddress);
columns.Bound(perAdd => perAdd.Address.City);
columns.Bound(perAdd => perAdd.Address.State);
columns.Bound(perAdd => perAdd.Address.Zip);
columns.Command(command => command.Destroy());
})
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Save();
toolbar.Search();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Scrollable()
.DataSource("DsPerAddVM")
)
</div>
My grid loads the data as expected with the following methods (image attached):
public ActionResult KendoRead([DataSourceRequest] DataSourceRequest dsRequest)
{
List<PersonAddressViewModel> perAddList = KendoViewServices.GetGridData(_context);
return Json(perAddList.ToDataSourceResult(dsRequest));
}
public static List<PersonAddressViewModel> GetGridData(TestJohnCrudOpContext context)
{
context = context;
List<PersonAddressViewModel> perAddList = [];
PersonAddressViewModel GetPerAddVm = new()
{
PersonInfoList = [],
PersonAddressList = []
};
GetPerAddVm.PersonInfoList = context.PersonInfo.ToList();
GetPerAddVm.PersonAddressList = context.PersonAddresses.ToList();
foreach (PersonInfo person in GetPerAddVm.PersonInfoList)
{
PersonAddressViewModel perAddVm = new()
{
Person = new PersonInfo
{
Id = person.Id,
Name = person.Name,
Age = person.Age,
Sex = person.Sex,
CreatedBy = person.CreatedBy,
CreatedDate = person.CreatedDate,
UpdatedBy = person.UpdatedBy,
UpdatedDate = person.UpdatedDate,
IsActive = person.IsActive
}
};
foreach (PersonAddress address in GetPerAddVm.PersonAddressList.Where(w => w.FkPersonInfo == person.Id))
{
perAddVm.Address = new PersonAddress
{
Id = address.Id,
StreetAddress = address.StreetAddress,
City = address.City,
State = address.State,
Zip = address.Zip,
FkPersonInfo = address.FkPersonInfo
};
}
perAddList.Add(perAddVm);
}
perAddList.ToList();
return perAddList;
I've used this ViewModel to load and edit a standard HTML table with no issues. Also, updating the grid or performing a deletion works without error. I can tell that it is cutting off the first property of each field prior to the "." but I can't find a solution to correct this.
1 answer
40 views
I'm just starting to catalog the issues list, but I'm immediately noticing that any markup passed to non-template areas has ceased rendering.
For example:
<div class="demo-section">
@(Html.Kendo().Switch()
.Name("switch")
.Messages(c => c.Checked("<span>YES</span>").Unchecked("<span>NO</span>"))
)
</div>
used to render the markup vs displaying the markup text. Now it spits it out.
I have used similar techniques in Grid commands as well, which are all also broken. Basic custom commands I can work around by using the .Template option instead of .Text, but for an Edit's UpdateText and CancelText, I cannot find a workaround that isn't completely unbearable to manage at anything remotely near scale.
Is there a workaround or option to re-enable rendering HTML in these places I am simply not seeing?
Also, this feels like a pretty significant change to bury inside of a generic "rendering mismatch" (which may not even be referring to this, but I cannot find anything in the breaking changes mentioning something like this change). If there's not an effective way to get back to this functionality, it's going to potentially cost me days/weeks to find a tenable solution.
0 answers
108 views
I have upgraded our libraries to version 2024.4.1112 and we are experiencing a NullReferenceException when we do this:
<kendo-dropdownlist for="Id" datatextfield="Name" datavaluefield="Id" auto-width="true" class="form-control w-75" required>If I remove the class declaration and the required tag, page renders just fine.
Stack Trace: NullReferenceException: Object reference not set to an instance of an object. on Microsoft.AspNetCore.Razor.Language.TagHelperMatchingConventions.TryGetFirstBoundAttributeMatch
The breaking change listed on the release notes references a backward compatibility page but has no information specific to the dropdownlist control.
What am I missing?
Mike
Top achievements
Rank 1
Iron
Rank 1
Iron
updated question
on
20 Nov 2024
1 answer
126 views
Hi Support Team,
I upgrade my project from .Net 8.0 Telerik 2024 Q3 to .Net 9.0 Telerik 2024 Q4
I have an issue with DatePickerFor. Currently DatePickerFor data not showing when using model binding with DateTime? (allow null).
Note: This issue was working with Telerik 2024 Q3.
I create simple ASP.NET MVC Core project:
+ TestDateVM view model:
public class TestDateVM
{
public DateTime? Date { get; set; }
}+ HomeController.cs : I set value Date for view model = 01 Nov 2024
public class HomeController : Controller
{
public IActionResult Index()
{
var filter = new TestDateVM();
filter.Date = new DateTime(2024, 11, 1);
return View(filter);
}
}+ Index.cshtml
@model TestDateVM
@{
ViewData["Title"] = "Home Page";
}
<div class="row">
Date
<div class="col-sm-3 form-group">
@{
Html.Kendo().DatePickerFor(s => s.Date).Format("dd MMM yyyy")
.HtmlAttributes(new { id = Guid.NewGuid().ToString() }).Render();
}
</div></div>
When run project, DatePicker not show data of model binding. DatePicker should show value = 01 Nov 2024. Please help me how DatePickerFor work with Model Binding with new Telerik version 2024 Q4
Below is a result picture when I run simple project above.
Thanks
Alexander
Telerik team
answered
on
20 Nov 2024
0 answers
33 views
Two panes inside a Splitter, both collapsible and resizable, when collapsing right pane, it's content invisible, but the splitbar not move to rightmost side, what I missing?
@addTagHelper *, Kendo.Mvc
<kendo-splitter name="vertical" orientation="SplitterOrientation.Horizontal">
<pane size="50%" collapsible="true" id="left-pane">
<div class="pane-content">
<h3>Inner splitter / left pane</h3>
<p>Resizable and collapsible.</p>
</div>
</pane>
<pane size="50%" collapsible="true" id="right-pane">
<div class="pane-content">
<h3>Inner splitter / right pane</h3>
<p>Resizable and collapsible.</p>
</div>
</pane>
</kendo-splitter>
<style>
#vertical { height: 100%; }
#left-pane { color: #000; background-color: #F5F5F5; }
#right-pane { background-color:lightyellow; }
.pane-content { padding: 0 10px; }
</style>
ChainHome Yang
Top achievements
Rank 1
Rank 1
asked
on
20 Nov 2024
1 answer
88 views
Hi,
The Kendo version Kendo UI for jQuery 2024.2.514 (2024 Q2) appears to have introduced a new feature that shows a loading / progress overlay on the grid when you click the Export button.
Something we do in our grids is call e.preventDefault() if there is no data to export and the button is clicked. That appears to be the recommended approach to prevent an export based on the documentation here: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/excelexport
While e.preventDefault() does prevent the export, the loading / progress overlay remains on the grid. Furthermore, simply hiding it with JS (e.g. grid.loader.hide() or grid.loaderOverlay.hide()) makes it go away, but the grid is in an unresponsive state (e.g. you can't sort rows or click Export again).
Eyup
Telerik team
answered
on
13 Nov 2024
