Currently we are using the kendo combo control to load values in one of the screen in the application. The problem is that the combo takes time to load the
values are there are around 4000 records to load.
1. Is it a problem to load 4000 records in the combo control?
2. Given this scenario, we would like to have pagination as part of combo where we would able to load say 50 records per page and then navigate between pages to fetch the subsequent records.
Let us know if it would be possible to build such a custom template.
Appreciate your help.
Hi Support,
Is it possible to add an alternate background color to a DropDownList control?
Thank you.
Hello,
Please let me know what I am doing wrong. Thank you.
I go the error from hyperlink:
Unhandled exception at line 526, column 66 in Function code
0x800a1391 - JavaScript runtime error: 'PersonId' is undefined
If there is a handler for this exception, the program may be safely continued.
<script id="template" type="text/kendo-tmpl">
@(Html.Kendo().Grid<CustomerServicesApplication.Models.DetailsViewModel>()
.Name("grid_#=InternalId#")
.Columns(columns =>
{
columns.Bound(o => o.PrimaryApplication).Width(110);
columns.Bound(o => o.PersonId).ClientTemplate(@Html.ActionLink("#=PersonId#", "AdvancedSearch", new { PersonId = "#=PersonId#" }).ToHtmlString()).Width(110);
columns.Bound(o => o.ACESId).Width(110);
columns.Bound(o => o.Removed).Width(200);
columns.Bound(o => o.SeekingCoverage).Width(200);
columns.Bound(o => o.FirstName).Width(200);
columns.Bound(o => o.MiddleName).Width(200);
columns.Bound(o => o.LastName).Width(200);
columns.Bound(o => o.SSN).Width(200);
columns.Bound(o => o.DateOfBirth).Width(200);
columns.Bound(o => o.Gender).Width(200);
columns.Bound(o => o.Age).Width(200);
columns.Bound(o => o.LastYearTax).Width(200);
columns.Bound(o => o.ThisYearTax).Width(200);
columns.Bound(o => o.NextYearTax).Width(200);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Read(read => read.Action("MainSearch_Details", "CustomerServices", new { internalId = "#=InternalId#" }))
)
.Pageable()
.Sortable()
.ToClientTemplate()
)
</script>
@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(f => f.FluidID).Width(50).Title("ID").Hidden();
columns.Bound(f => f.Name).Width(150).Title("Name");
columns.Bound(f => f.Code).Width(150).Title("Code");
columns.Bound(f => f.Grade).Width(150).Title("Grade");
columns.Bound(f => f.Manufacturer).Width(150).Title("Manufacturer");
})
.Deferred()
.Resizable(resize => resize.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
.Groupable()
.Pageable()
.Sortable()
//.ColumnMenu() <-- Once enabled, there is no visual cues to highlight that a filter is applied
.Scrollable(s => s.Height("auto"))
.Navigatable()
.Filterable()
.Events(e => e
.DataBound("grid_dataBound")
)
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(true)
.Read(read => read.Action("GetJsonData", "FluidKendo"))
)
)
@(Html.Kendo().DropDownList()
.Name("UnselectedADGroups")
.DataTextField("Name")
.DataValueField("Name")
.Filter("StartsWith")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetUnselectedADGroups", "ARItemPost");
}
)
.ServerFiltering(true);
})
)
public
ActionResult GetUnselectedADGroups([DataSourceRequest]DataSourceRequest request,
string
startsWith)
{
try
{
var groups = ARItemPost.GetUnselectedADGroups(startsWith);
var result = groups.ToDataSourceResult(request);
return
Json(result, JsonRequestBehavior.AllowGet);
}
catch
(Exception e)
{
ErrorSignal.FromCurrentContext().Raise(e);
return
null
;
}
}
I have actually posted my question on StackOverflow, but this forum is specific with Kendo Window so im riposting the question here
http://stackoverflow.com/questions/30112793/how-to-keep-kendo-window-open-after-post
Hello,
I have grid with cca 50-100 rows one column has online FX price and this column is changed frequently. I update data with pushUpdate method on datasource. When I profiling application in Grid I see that about 60% of time is spend in two functions _setContentWidth and _setContentHeight. But I set fixed width for all columns and fixed height of row in css. Is possible to tell grid not to recomputed width and height on each update?
Thanks
Regards
Martin
So, I am using UI for ASP.NET MVC Q1 2015. I have 3 DDLs, configured to populate their data remotely(from action method inside a controller) using DataSource/Read action AJAX pattern.
I have some custom business logic I need to implement: when something gets changed in the 1st DDL, I have to do some custom calculations that may potentially involve what it has been selected in 2nd DDL so I can eventually change the selected values in the 3rd DDL.
So this here has nothing to do with datasource filtering or custom cascading.
My issue/concern here is: how can I do any such calculations/alterations of the other DDLs from inside a 'Changed' event handler in the 1st one safely, given all 3 are populated asynchronously? I mean, how can I be sure that when inside the Changed event handler in 1st DDL, data for 2nd & 3rd DDL had been fully loaded so I can use them in calculations and/or change the Selected value for those DDLs?
Thanks!
Hi,
We are using a pop up window to display information about a selected item in a grid. When the user selects the grid item the window appears but it then has focus.
Is there a way to pop-up the window but retain focus on the calling control?
Regards,
Mark.
In the attached image, we are having issues with the menu bar and spacing between the sub menu's. We are currently running Kendo.UI 2013.2.918. Do the newer versions of Kendo fix this "bug" or is there an fix that we can do with our current version? The screen print is from Chrome version 42.0.2311.135
Code:
@(Html.Kendo().Menu()
.Name("Menu")
.HtmlAttributes(new { @style = "width:99%;border: 0px;"})
.Direction(MenuDirection.Bottom)
.Items(items =>
{
items.Add().Text("home").Action("Index", "Home").ImageUrl(Url.Content("~/Images/B-home%2048.png")).ImageHtmlAttributes(new { style = "width:25px" });
items.Add().Text("search").Action("Index", "Search").ImageUrl(Url.Content("~/Images/B-search%2048.png")).ImageHtmlAttributes(new { style = "width:25px" });
items.Add().Text("activities & alerts").ImageUrl(Url.Content("~/Images/B-Activity%2048.png")).HtmlAttributes(new { style = "width:175px" }).ImageHtmlAttributes(new { style = "width:25px" }).Items(children =>
{
children.Add().Text("bins").Items(binNode =>
{
binNode.Add().Text("central processing unit").Action("Index", "ActivityPage", new { BinID = "1" });
binNode.Add().Text("charge off").Action("Index", "ActivityPage", new { BinID = "7" });
binNode.Add().Text("collateral cashier").Action("Index", "ActivityPage", new { BinID = "9" });
binNode.Add().Text("defensive action").Action("Index", "ActivityPage", new { BinID = "4" });
binNode.Add().Text("delinquency").Action("Index", "ActivityPage", new { BinID = "2" });
binNode.Add().Text("foreclosure / reo").Action("Index", "ActivityPage", new { BinID = "6" });
binNode.Add().Text("legal / bankruptcy").Action("Index", "ActivityPage", new { BinID = "3" });
binNode.Add().Text("office automation assistant").Action("Index", "ActivityPage", new { BinID = "8" });
binNode.Add().Text("settlement").Action("Index", "ActivityPage", new { BinID = "5" });
}).HtmlAttributes(new { style = "width:175px" });
children.Add().Text("my").Items(my =>
{
my.Add().Text("activities").Action("Index", "ActivityMyPage").HtmlAttributes(new { style = "width:175px" });
my.Add().Text("alerts").Action("Index", "Alerts", new { Mine = true });
}).HtmlAttributes(new { style = "width:175px" });
children.Add().Text("office").Items(office =>
{
office.Add().Text("actities").Action("Index", "ActivityPage", new { BinID = "0" }).HtmlAttributes(new { style = "width:175px" });
office.Add().Text("alerts").Action("Index", "Alerts");
}).HtmlAttributes(new { style = "width:175px" });
});
items.Add().Text("reports & portfolios").ImageUrl(Url.Content("~/Images/B-reports%2048.png")).HtmlAttributes(new { style = "width:190px" }).ImageHtmlAttributes(new { style = "width:25px" }).Items(children =>
{
children.Add().Text("reports").Items(sibling1 =>
{
sibling1.Add().Text("my activity report").Action("Index", "StaffMetrics");
sibling1.Add().Text("office activity report").Action("Index", "OfficeMetrics");
}).HtmlAttributes(new { style = "width:190px" });
children.Add().Text("portfolios").Items(sibling2 =>
{
sibling2.Add().Text("office portfolio").Action("Index", "Reports_OfficeLoan");
sibling2.Add().Text("litigation portfolio").Action("Index", "Reports_Litigation", new { status = "true" });
});
children.Add().Text("statisitics").Visible(@Convert.ToBoolean(Session["isManagement"].ToString())).Items(sibling3 =>
{
sibling3.Add().Text("staff report").Action("Index", "ManagerStaffReport");
sibling3.Add().Text("role process report").Action("Index", "RoleMetrics");
});
});
items.Add().Text("admin").ImageUrl(Url.Content("~/Images/B-admin%2048.png")).HtmlAttributes(new { style = "width:100px" }).ImageHtmlAttributes(new { style = "width:25px" }).Items(children =>
{
children.Add().Text("staff").Action("Index", "AdminStaff").HtmlAttributes(new { style = "width:100px" });
children.Add().Text("database").Action("Index", "AdminDatabase").Visible(@Convert.ToBoolean(Session["AdminDatabase"]));
children.Add().Text("website").Action("Index", "AdminWebsite").Visible(@Convert.ToBoolean(Session["AdminWebsite"]));
});
})
)