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,
<div class="k-content">
Hello,
Is it possible to divide a line into four and these four fields can be edited, like this?
Regard,
We have successfully implemented the Copy and Export in our product as shown in the demo here.
We observed two things that we consider anomalous, which also happen on the demo page:
Is there any way to avoid these behaviors?
While Security Testing of application through OWASP Zap tool Medium risk level alert 'Absence of Anti-csrf Token' is popping up for form tag in Kendo.all.min.js
Even I tried to update kendo version to 2022 (Latest) in Kendo.all.min.js
Are there any ways to resolve it ?
Ended up being some css styling i was overriding that doesn't work in the new update
This can be deleted
Hi everyone.
I've got a grid on my razor page populated from a list of API-sourced records and none of the fields are displaying on there. I'm using local binding direct from an incoming model property...
@(
Html.Kendo().Grid(Model.AllAccounts)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(b => b.AccountId).Visible(false);
columns.Bound(b => b.AccountDescription).Title(Model.AccountDescriptionLabel);
columns.Bound(b => b.AccountHolder).Title(Model.AccountHolderLabel);
columns.Bound(b => b.ContractsCount ).Title("Total Contract(s)");
columns.Bound(b => b.ContactsCount).Title("Total Contact(s)");
columns.Bound(b => b.UsersCount).Title("Total User(s)");
columns.Command(command => command.Custom(Model.AccountDetailsButtonText).Click("showDetails"));
})
.Pageable()
.Sortable()
.Scrollable(scr=>scr.Height(430))
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.ServerOperation(false)
.Events(events => events.Error("error_handler")
)
)
)
If I look at the records in debug then everything is populated, but the fields aren't showing on the grid row (Empty Grid Row.jpg).
I've got a button on the row linked to the record and if I intercept the dataitem in the script you can see that the camel case fields are populated but the pascal case ones aren't (which is definitely not the case when viewing records in debug!) (Data Item Grab.jpg).
I've followed the first two options in the guidance about the camel case issue from the JSON Serialisation Page but nothing is working for me (snippet of Program.cs follows).
// Add services to the container.
services.AddControllersWithViews()
.AddJsonOptions(options =>
options.JsonSerializerOptions.PropertyNamingPolicy = null);
Can anyone advise me what to do here? I've lost most of today on this issue.
Thanks for your time!
I have a Telerik Window with an Telerik Wizard as its content.
I've implemented 7 steps. In the first step I have an Radiogroup. Depending of the groups value i disable step 2 and 3 and if I click "Next"-Button I want to skip them and jump to step 4.
Here are some code snippets:
OnChange event of the RadioGroup in step 1:
function onChangeCancelType(radioGrp) {
var $j = jQuery.noConflict();
var wizard = $j("#CancelWizard").data("kendoWizard");
if (radioGrp.newValue === '1') {
wizard.enableStep(1, true);
wizard.enableStep(2, true);
} else {
wizard.enableStep(1, false);
wizard.enableStep(2, false);
}
}
OnClick event of Next-button:
function onClickStep1(e) { e.preventDefault(); var $j = jQuery.noConflict(); var wizard = $j("#CancelWizard").data("kendoWizard"); var radioGrp = $j("#CancelType").data("kendoRadioGroup"); if (radioGrp.value() === '2') { wizard.select(3); } else { wizard.select(1); } }
What happens is, that in case of selecting Radiogroup value 2 the wizard jumps to step 5 instead of step 4.
I'm sure there is something stupid I oversee here.
Thank's for help
Timo
I'm basing my code on this example: Remote binding in ASP.NET Core PivotGrid Component Demo | Telerik UI for ASP.NET Core
I'm modifying someone else's app working with Asp.Net Core 5
My code is;
@(Html.Kendo().PivotConfigurator()
.Name("configurator")
.Filterable(true)
.Height(570)
)
When I try to run it, I get this error:
II get a similar error for @(Html.Kendo().PivotGrid<CommissionReceivedViewModel>()
What would be causing this?
Thanks in advance
I'm having some issues with pivot grid and need some assistance.
I'm trying to create a pivot grid that looks something like this. It's a simple example that I would be expanding on. It shows the total commission received from a company by year.
I've two questions:
Right now I'm testing in Asp.Net Core .Net 6 and Telerik.UI.for.AspNet.Core 2022.1.301
The model looks like this
public class CommRecd
{
public Guid Id { get; set; }
public DateTime ReceivedDate { get; set; }
public string? CompanyName { get; set; }
public Decimal ReceivedAmount { get; set; }
public int ReceivedYear { get; set; }
}
The controller method is below and I've confirmed that objCommList contains the data
public IActionResult PivotGrid()
{
IEnumerable<CommRecd> objCommList = _db.CommRecd;
return View(objCommList);
}
I'm basing my code on this example Remote binding in ASP.NET Core PivotGrid Component Demo | Telerik UI for ASP.NET Core with the code shown below.
@using Application.Models;
@model IEnumerable<CommRecd>
@{ ViewBag.Title = "Commission Received Report"; }
@Html.AntiForgeryToken()
<div class="k-pivotgrid-wrapper">
@(Html.Kendo().PivotConfigurator()
.Name("configurator")
.HtmlAttributes(new { @class = "hidden-on-narrow" })
.Filterable(true)
.Sortable(true)
.Height(570)
)
@(Html.Kendo().PivotGrid<CommRecd>()
.Name("pivotgrid")
.Configurator("#configurator")
.ColumnWidth(120)
.Filterable(true)
.Height(570)
.DataSource(dataSource => dataSource
.Ajax()
.Schema(schema => schema
.Cube(cube => cube
.Dimensions(dimensions => {
dimensions.Add(model => model.CompanyName).Caption("All Companies");
dimensions.Add(model => model.ReceivedAmount).Caption("All Amounts");
dimensions.Add(model => model.ReceivedYear).Caption("All Years");
})
.Measures(measures =>
{
measures.Add("Sum").Format("{0:c}").Field(model => model.ReceivedAmount).AggregateName("sum");
})
))
.Columns(columns =>
{
columns.Add("ReceivedDate").Expand(true);
})
.Rows(rows => rows.Add("CompanyName").Expand(true))
.Measures(measures => measures.Values("Sum"))
.Events(e => e.Error("onError"))
)
)
</div>
<div class="responsive-message"></div>
<script>
function onError(e) {
alert("error: " + kendo.stringify(e.errors[0]));
}
</script>
My output looks like this
Thanks for any suggestions