Hi there,
After updating to version 2023.3.1114, I found that the calendar at Kendo UI Date Range Picker won't closed automatically after selecting the start and end date. This happened particularly when I change the max date inside the "Change" Event.
$("#date-range-picker").data("kendoDateRangePicker").max(new Date(2024, 1, 14));
I was able to replicate the issue at Kendo UI JQuery dojo: https://dojo.telerik.com/UfOcUZaY/3
However the issue can't be replicated at the following REPL: https://netcorerepl.telerik.com/?_gl=1*12uzyp6*_ga*ODY4MDY0MTk4LjE3MDY0NzY2ODc.*_ga_9JSNBCSF54*MTcwNjQ3NjY4Ni4xLjEuMTcwNjQ3NzM2NC44LjAuMA..*_gcl_au*MTM5NDI2ODE3Ny4xNzA2NDc2Njg3
Turned out the page still using version 2023.3.1010.
Is this change intended?
Is there a workaround? I have tried to close the calendar manually after checking if the range.start and range.end available. But didn't quite work well. It may close the calendar even if I only select the start date.
Appreciate your support. Thank you.
Hi,
on your demo page for ASP.NET Core MultiColumnComboBox Server Filtering when I enter Ali, then a request is sent to the server with querystring text=Ali and two records are shown.
When I click on one of the records and then expand the combox box again using the down arrow, then another request is send to the server but with empty text, so all records are returned.
This is problem when server contains a lot of records.
Is there a way how to send to the server the text shown in the input field? I need it to show just the one record like if I just entered the text in the field manually.
Regards,
Petr
im attempting to have a grid update based on records in a DB
i have a log4net service sending messages to a DB
i keep getting an error
Uncaught (in promise) Objectmessage: "The message port closed before a response was received."[[Prototype]]: Object
BatchInsights:59 Uncaught ReferenceError: hub is not defined
at HTMLDocument.<anonymous> (BatchInsights:59:1560)
at i (jquery.min.js:2:27466)
at Object.fireWith [as resolveWith] (jquery.min.js:2:28230)
at Function.ready (jquery.min.js:2:30023)
at HTMLDocument.K (jquery.min.js:2:30385)
jquery.simulate.js:331 Uncaught ReferenceError: jQuery is not defined
at jquery.simulate.js:331:5
I followed the demo and still get this error ...here is the view
@model IEnumerable<FMM.Core.DataModel.Pharmpix.LogModel>
@using Kendo.Mvc.UI;
@using Kendo.Mvc.Extensions;
@using FMM.Core.DataModel.Pharmpix;
@{
ViewData["Title"] = $"Batch Insights Logs";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<div>
@(Html.Kendo().Notification()
.Name("notification")
.Width("100%")
.Position(position => position
.Top(50)
.Left(50))
)
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.Id);
columns.Bound(p => p.Logger).Width(150);
columns.Bound(p => p.Message).Width(120).Filterable(false);
})
.ToolBar(toolbar =>
{
toolbar.Search();
})
.Groupable()
.Pageable()
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Scrollable()
.HtmlAttributes(new { style = "height:100%;" })
.DataSource(dataSource => dataSource
.SignalR()
.AutoSync(true)
.PageSize(20)
.Transport(tr => tr
.Promise("hubStart")
.Hub("hub")
.Client(c => c
.Read("read")
)
.Server(s => s
.Read("read")
))
.Schema(schema => schema
.Model(model =>
{
model.Id("Id");
model.Field("Logger", typeof(string)).Editable(false);
model.Field("Message", typeof(string));
})
)
))
</div>
<script src="https://unpkg.com/@@aspnet/signalr@1.0.0/dist/browser/signalr.js"></script>
<script>
$(document).ready(function () {
var hubUrl = "logHub";
var hub = new signalR.HubConnectionBuilder()
.withUrl(hubUrl, {
transport: signalR.HttpTransportType.LongPolling
})
.build();
var hubStart = hub.start();
});
function onPush(e) {
var notification = $("#notification").data("kendoNotification");
notification.success(e.type);
}
</script>
here is the hub
using FMM.Core.DataModel.Pharmpix;
here is the log hub
using FMM.Core.DataModel.Pharmpix;
the code gets called if i comment out the "signal" stuff but when new entries are inserted it doesnt up date the the grid any help is appreciated!
Razor code-behind method: I made the razor method as simple as possible, just to see if we could get in there / or hit onpostUploadFile
public async Task<ActionResult> OnPostUploadFile(IEnumerable<IFormFile> files, string metaData)
{
AllowedExtensions = new string[] { "fpd", "pdf" };
return Page();
}
Razor page :
@addTagHelper *, Kendo.Mvc <div> <div class="demo-section"> <kendo-upload name="files"> <async auto-upload="true" save-url="@Url.Action("Upload","UploadFile")" chunk-size="11000" /> <validation max-file-size="20000000" /> </kendo-upload> </div> </div>
The issue is i am not able to hit the hander from the razor page when i pass the url to <async save-url="">, Despite many efforts, the handler specified in the save-url attribute doesn't seem to be hit and returns 404.
Not Working:
1. save-url: "/Upload/UploadFile",
2. save-url="./Upload?handler=UploadFile"
I also found Forum where it discussed the same problem but that didn't help us :https://www.telerik.com/forums/upload-using-tag-helpers
.
.
.
@(Html.Kendo().Form<EquipmentViewModel>()
.Name("EquipmentForm")
.Layout("grid")
.Items(items =>
{
items.AddGroup()
.Label("Registration Form")
.Items(i =>
{
i.Add()
.Field(f => f.EquipmentType)
.Label(l => l.Text("Equipment Type"))
.Editor(e =>
{
e.DropDownList()
.DataTextField("ShortName")
.DataValueField("EquipmentTypeID")
.OptionLabel("Select")
.DataSource(source =>
{
source
.ServerFiltering(true)
.Read(read => { read.Url("/Equipment/Index?handler=EquipmentTypesByEquipmentClassID").Data("EquipmentClassData"); });
})
.Enable(isControlEnabled)
.Events(e => { e.Change("OnChangeEquipmentTypeChange").DataBound("OnChangeEquipmentTypeChange"); })
.CascadeFrom("EquipmentClass");
});
i.Add()
.Field(f => f.EquipmentDesign)
.Label(l => l.Text("Equipment Design"))
.Editor(e =>
{
e.DropDownList()
.DataTextField("ShortName")
.DataValueField("EquipmentDesignID")
.OptionLabel("Select")
.DataSource(source =>
{
source
.ServerFiltering(true)
.Read(read => { read.Url("/Equipment/Index?handler=EquipmentDesignByEquipmentTypeID").Data("EquipmentTypeData"); });
})
.CascadeFrom("EquipmentType")
.Enable(false)
.Events(e => { e.Change("OnChangeEquipmentDesignChange").DataBound("OnChangeEquipmentDesignChange"); });
});
.
.
.
excute me, when i use kendo grid detailtemplate feature, i have some trouble. how can i fix it?
my source:
<div class="panel-collapse collapse show" id="collapse1" aria-expanded="true">
@(
Html.Kendo().Grid(Model.UserRoleList.Value)
.Name("gridRoles")
.Scrollable()
.Columns(columns =>
{
columns.Bound(c => c.RoleName).Width(130);
})
.Height(250)
.DataSource(d => d.Custom()
.Type("aspnetmvc-ajax")
.Transport(t => t.Read(r => r.Url($"{_config.Value.AuthSettings?.ApplicationName ?? ""}/SystemManagement/UserPermission/View?handler=Paged&userId={Model.UserInfo.UserId}")))
.Batch(true)
.Schema(s => s.Model(
m => {
m.Id(p => p.RoleCode);
}
).Data("Data"))
)
.ClientDetailTemplateId("templateGrp")
.Deferred()
)
<script id="templateGrp" type="text/x-kendo-template">
<div>RoleCode: 123</div>
</script>
<script nonce="@_config.Value.AppSettings.CspNonce">
@Html.Kendo().DeferredScripts(false);
</script>
and feedback error:
Error: Invalid template:'Hello,
I am trying to build a grid that has a combobox in it that should be filled from an Ajax request. But based on the demo on the page, I am not being able to determine where the combobox is filled.
I appreciate any help on the matter.
Regards,
Alexandre
Hi,
Looks like there is some kind of issue when trying to use the .NET Core wrapper for NumericTextBoxFor while using the culture pt-BR.
The values in the text field gets incorrect if the value has a decimal.
For example a double 1234.56 becomes 123,456.00 but the expected result is 1.234,56
This happens when the kendo.culture().numberFormat[","] is a "." (dot).
Here is an example of the error:
https://netcorerepl.telerik.com/weavadPV01xSQZX716
I can also reproduce the error with Kendo UI jQuery, If the html input tag has an intital value, then it becomes like the example above.
https://dojo.telerik.com/@douglas.nordfeldt@nefab.com/ejEhecIV/2
https://dojo.telerik.com/@douglas.nordfeldt@nefab.com/ogiVoMAZ/5
Managed in my examples to do a work around until this has been fixed.
I have a column chart that has a default font of Arial. Is it possible to change this to the Inter font in one place or does the font have to be set for each individual label (e.g. chart title, axis title, axis label, legend, tooltip, etc.)?
Thanks,
Tim