Hi,
My requirement is on click of any delete button it should delete all the rows based on Allocation Date.
Suppose if the user clicks on 1st row delete button then for the Allocation Date 10/31/2024, it has two records so it should delete the first two rows.
The below method calls on click of delete button. The server side code deletes the first two rows based on the Allocation Date , but the
below DeleteRecord method only remove one row and sync the grid. It won't remove the 2nd row till we have to refresh the browser.
function DeleteRecord(e) {
var grid = '';
var tr = $(e.target).closest("tr"); //get the row for deletion
var data = this.dataItem(tr);
var confirmDialog = $('<div />').kendoConfirm({
content: "Are you sure want to delete this record? This will delete all records for the selected Allocation Date",
title: "Please confirm"
}).data('kendoConfirm').open();
confirmDialog.result.then(function () {
grid = $("#TLPCurveAllocationsGrid").data("kendoGrid");
grid.dataSource.remove(data); //prepare a "destroy" request
grid.dataSource.sync(); //actually send the request (might be ommited if the autoSync option is enabled in the dataSource)
$("#TLPCurveAllocationsGrid").data("kendoGrid").dataSource.read();
}, function () {
//do nothing
});
}
EditorImageBrowserController in Q1 2024 release of Kendo UI, we're seeking guidance on the best approach to migrate our existing application. Could you please provide specific recommendations on how to achieve image management (read, upload and etc) in image browser (from Editor) using the latest Kendo UI components and best practices?
Hi,
I have a requirement of validation in server side. During adding a new record and update few old records in Kendo Grid and click on Save button it calls the Create and Update method asynchronously. But when i am adding a new record based on its value i need to validate in update method.
But when click on Save button i calls the Create and Update method asynchronously so my validations doesn't work as expected.
Can we run the Create and Update method synchronously one after another when i am adding a new row and update few old row values and click on Save button.
Hi,
I have a custom Command delete button, I wanted to disable this button.
I tried the below code, but its disable pagination hyperlink numbers also.
$(".k-button").addClass("k-disabled");
(edit: I didn't initially realize this was being posted in the UI for jQuery forum and have since duplicated in the .net core forum - feel free to remove this one if deemed inappropriate for this forum)
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.
I have a Kendo grid and in the Create method, I want to do some server side validation and the response I want to show to the user if validation is true or false.
In the below code CreateTLPCurveAllocations is an MVC action method which is having return type as void.
How to use the CreateTLPCurveAllocations method with return type, so that I can show that return value/ message to the user.
@(Html.Kendo().Grid<TLPAllocationDetails>()
.Name("TLPCurveAllocationsGrid") .DataSource(datasource => datasource.Ajax().Read(read => read.Action("GetTLPCurveAllocations", "DataMgmt"))) .Columns(columns => { columns.Bound(p => p.AllocationDate).Editable("EditFieldsForNewRec").Format("{0:MM/dd/yyyy}").Title("Allocation Date").Width(90).HeaderHtmlAttributes(new { style = "justify-content:center" }).HtmlAttributes(new { style = "text-align: right" }); columns.Bound(p => p.CurveDetails).Editable("EditFieldsForNewRec").ClientTemplate("#=getCurveName(data)#").Title("Curve").Width(100).HeaderHtmlAttributes(new { style = "justify-content:center" }).HtmlAttributes(new { style = "text-align: right" }); columns.Bound(p => p.Allocation).Editable("EditAllocation").Title("Allocation").Width(100).HeaderHtmlAttributes(new { style = "justify-content:center" }).HtmlAttributes(new { style = "text-align:right" }); }) .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }) .HtmlAttributes(new { style = "height: 400px;width:97%" }) .Editable(editable => editable.Mode(GridEditMode.InCell)) .Pageable() .Navigatable() .Filterable() .Scrollable() .DataSource(dataSource => dataSource .Ajax() .Batch(true) .PageSize(5) .ServerOperation(false) .Model(model => { model.Id(p => p.AllocationDate); model.Field(p => p.CurveDetails).DefaultValue(ViewData["CurveDetails"] as CurveDetails); }) .Create("CreateTLPCurveAllocations", "DataMgmt") .Update("UpdateTLPCurveAllocations", "DataMgmt") ) )
I am trying to upgrade a .NET 4.5 project using the Upgrade Wizard. However, when I attempt to use the wizard I am getting a message saying "No distribution available for your project" and there aren't any versions listed in the dropdown.
I downloaded the ASP.NET MCV 2024.4.1112. Am I missing something?
I have attached a photo of the message I am receiving.
<TelerikTileLayout Columns="3"
ColumnWidth="285px"
RowHeight="285px"
Reorderable="true"
Resizable="true"
ColumnSpacing="0px"
RowSpacing="0px">
<TileLayoutItems>
<TileLayoutItem @ref="reference">
<HeaderTemplate>
@* <button @onclick="OnCloseButtonClicked"></button> *@
<span>sometext</span>
</HeaderTemplate>
<Content>
<img class="k-card-image" draggable="false" src="images/cards/places/barcelona.jpg" alt="Barcelona" />
</Content>
</TileLayoutItem>
<TileLayoutItem HeaderText="Sofia">
<Content>
<img class="k-card-image" draggable="false" src="images/cards/places/sofia.jpg" alt="Sofia" />
</Content>
</TileLayoutItem>
<TileLayoutItem HeaderText="Rome">
<Content>
<img class="k-card-image" draggable="false" src="images/cards/places/rome.jpg" alt="Rome" />
</Content>
</TileLayoutItem>
</TileLayoutItems>
</TelerikTileLayout>
I need a support for ,
I am working on grid custom editing , i want to show success message after successful operation.
How can I do that ? Also If there is any way if we can use inbuild save changes button.
Below is my grid.
Thanks in advance.