Hi,
Does anyone know if it's possible to chain promises on the click of the 'ok' button in kendo.alert(), like you can do with kendo.confirm()?
If not, is there any other way I can latch on the 'click ok' event for a kendo alert?
Thanks.
Hi,
There is something similar like undo button or revert button which can restore the last value from an input field, something similar like undo from kendo editor?
I'v seen an example here:https://docs.telerik.com/kendo-ui/controls/diagrams-and-maps/diagram/how-to/modify-undo-redo-stack.
Best regards,
Alex
var grid = $("#grid").kendoGrid({
name: "results",
columns: columns,
dataSource: new kendo.data.DataSource({
type: "aspnetmvc-ajax",
transport: {
read: {
url: "/Content/GetContent",
type: "POST",
dataType: "json",
},
error: function(xhr, error) {
alert("There was an error transporting the data from the server, likely because you've requested too much information. Try filtering the results further or selecting a smaller page size.");
},
},
},
pageSize: 10,
serverPaging: true,
serverSorting: true,
schema: {
total: "total",
data: "data",
model: {
fields: {
Title: { type: 'string' },
Contributors: { type: 'string' },
ContentType: { type: 'string' },
IsForthcoming: { type: 'int' },
IsLive: { type: 'int' },
AlsoAvailableOn: { type: 'string' },
HasSecureCenterSetup: { type: 'int' },
SocrLink: { type: 'string' },
IsMarcRecord: { type: 'int' },
HasAssignment: { type: 'int' },
Size: { type: 'number' },
LastLoadedBy: { type: 'string' },
LastLoadedOn: { type: 'date', format: "{0:MM/dd/yyyy}" },
SeverityLevel: { type: 'number' },
}
}
},
}),
pageable: { pageSizes: [10, 25, 50, 100] },
sortable: true,
scrollable: true,
resizable: true,
reorderable: true,
dataBound: function(e) {
if ($(".k-pager-sizes .l-viewall").length == 0) {
$(".k-pager-sizes").append(' <
input
type
=
"button"
class
=
"k-button k-button-icontext l-viewall"
value
=
"View All"
/>');
}
$(".l-viewall").click(function() {
var dataSource = e.sender.dataSource,
total = dataSource.total();
dataSource.pageSize(total);
});
},
});
As I know some events(like actionClick and collapse) and some Configuration(like collapse, alterningMode) are not working if I use custom template.
Is it a bug or not?
Thanks,
Nurbek A.
Hi,
We are seeing an issue with new Kendo upgrade (2020). There are 2 scenarios that we have found that Kendo grid pagination is not working.
Scenario 1 :
Kendo pagination doesn't work on the pageload, but it starts working when I click F12 to inspect the elements. It was working fine with the old version (2017). Below is the source code for the Grid.
@(Html.Kendo().Grid<vm>()
.Name("id")
.Columns(columns =>
{
columns.Bound(d => d.FirstName).Title("First Name").Width(150);
columns.Bound(d => d.LastName).Title("Last Name").Width(150);
columns.Bound(d => d.MemberAddress).Title("Address");
columns.Bound(d => d.MemberDOB_STR).Title("DOB").Format("{0:MM/dd/yyyy}").Width(100);
columns.Bound(d => d.MemberId).Title("Member ID").Width(140);
columns.Bound(d => d.ZipCode).Title("Zip Code").Width(120);
})
.ToolBar(tools => tools.Excel())
.Excel(excel => excel
.Filterable(true)
.Filterable(filterable => filterable.Extra(false).Operators(operators => operators.ForString(str => str.Clear().StartsWith("Starts with").IsEqualTo("Is equal to").IsNotEqualTo("Is not equal to"))))
.Scrollable(s => s.Height("200px"))
.Pageable()
.Resizable(resize => resize.Columns(true))
.Sortable()
.DataSource(dataSource => dataSource
.Ajax()
.Sort(s => s.Add("MemberId").Descending())
.PageSize(10)
.Read(read => read.Action("Some Action", "Controller").Data(""))
).AutoBind(false)
)
Scenario 2:
In this case the pagination doesn't even work . The same was working fine with the old verison.
@(Html.Kendo().Grid<DiagnosisICDVM>()
.Name("grdMemberDiagnosis")
.Events(e => e.DataBound("DisplayDataMessageMemberDiagnosis"))
.Columns(columns =>
{
columns.Bound(d => d.CDCode).Title("Code").Width(100);
columns.Bound(d => d.Description).Title("Diagnosis").Width(250);
columns.Bound(d => d.CodeVersion).Title("ICD Version").Width(120);
columns.Bound(d => d.ICDStartDate).Title("Start Date").EditorTemplateName("date").Format("{0:MM/dd/yyyy}").Width(120);
columns.Bound(d => d.ICDEndDate).Title("End Date").EditorTemplateName("date").Format("{0:MM/dd/yyyy}").Width(120);
columns.Bound(d => d.SourceType).Title("Source").Width(120).HtmlAttributes(new { title = "#=SourceType#" });
})
.ToolBar(tools => tools.Excel())
.Excel(excel => excel
.Filterable(true)
.Pageable(p => p.PageSizes(true).Refresh(true))
.Resizable(resize => resize.Columns(true))
.Sortable()
.Scrollable()
.DataSource(dataSource => dataSource
.Ajax()
.Sort(s => s.Add("CDCode"))
.PageSize(100)
.Model(model => { model.Id(p => p.CDCode); })
.Events(events => events.Error("error_handler"))
.Read(read => read.Action("Some Action", controller).Data("JSFunction")))
)
Bootstrap 3 and JQuery 1.12.4 being used as per the Kendo recommendation.
Please help in resolving this issue as we are close on the deadlines.
Thanks