I start with a listview that contains all states with a click event on each to build event headers by state (below). Once a state is selected, I fetch event headers and build another listview using this function. Once an event header is selected, I populate a detail page. When loading fresh and selecting a state (Arkansas), the listview is populated and selecting an event populates the detail screen as expected. Hitting the "back" button (data-role=backbutton), selecting another state, then an event for that state throws e.dataItem undefined in the click method of the function below. If I go back again, select another state, then sometimes it works, sometimes it doesn't. What am I doing wrong here?
function BuildEventHeadersListByState(abbr){ app.showLoading(); var stateAbbr = abbr; var xml; var template = kendo.template($("#ulEventHeaders-template").html()); var dataSource = new kendo.data.DataSource({ transport: { read: function(options){ $.ajax( { type: "GET", data: { "apikey": apiKey, "stateAbbreviation": stateAbbr}, dataType: "text", success: function(result) { options.success(result); app.view().header.find(".km-navbar").data("kendoMobileNavBar").title(abbr + " Events"); app.hideLoading(); } }); } }, schema: { type: "xml", data: "/ArrayOfEventHeader/EventHeader", model: { // configure the fields of the object fields: { EventCity: "EventCity/text()", EventDate: "EventDate/text()", EventID: "EventID/text()", EventTitle: "EventTitle/text()", } } } }); $("#ulEventHeaders").kendoMobileListView({ dataSource: dataSource, template: $("#ulEventHeaders-template").text(), dataBound: function(){ this.scroller().reset(); //scroll to top }, click: function(e){ var eventID = e.dataItem.EventID; BuildEventDetailsByEventID(eventID); } });}Hi There,
I am trying to implement hierarchy grid and want to allow Create and update on both master and child grid. Data in hierarchy grid populated perfectly. But mentioned below are the problems with Create and Edit feature. I am using Inline editing.
1) When I click on Edit button, selected row opened in editable form with Update and Cancel button, but nothing happens when I click on Update or Cancel, both button not working. This issue is both on Master and Child grid.
2) If I click on "Add New Record" on master grid, then it tries to bind the child grid as well and also new row added but not in editable format. It adds a blank row with Edit button and after that "Edit" button not works not only of this row but of rows of entire grid.
3) If I try to put create and update method in child grid then no data is populated in child Grid.
I have tried to look out for solution but with no luck. Below is the code, if you guys want to check.
<link href='@Url.Content("~/Content/kendo.common.min.css")' rel="stylesheet" type="text/css" /><link href='@Url.Content("~/Content/kendo.default.min.css")' rel="stylesheet" type="text/css" /><script src='@Url.Content("~/Scripts/kendo.all.min.js")' type="text/javascript"></script><div id="example"> <div id="userDefinedGrid"></div> <script> $(document).ready(function () { masterDataSource = new kendo.data.DataSource({ transport: { read: { url: "/MCSSIF/Template/GetUserDefinedType", type: 'POST', dataType: "json" }, update: function (options) { alert('not firing'); }, create: function (options) { alert('not firing'); }, parameterMap: function (options, operation) { if (operation !== "read" && options.models) { return { models: kendo.stringify(options.models) }; } } }, pageSize: 20, autoSync: true, schema: { data: function (response) { return response.UserTypes; }, total: function (response) { return response.UserTypes.length; }, model: { id: "UserDefinedTypeID", fields: { UserDefinedTypeID: { editable: false, nullable: true }, UserDefinedTypeName: { validation: { required: true } }, Active: { type: "boolean" }, CreatedBy: { editable: false }, CreatedOn: { editable: false }, ModifiedBy: { editable: false }, ModifiedOn: { editable: false }, } } } }); $("#userDefinedGrid").kendoGrid({ dataSource: masterDataSource, height: 600, filterable: true, sortable: true, pageable: true, pageable: { refresh: true, pageSizes: true, buttonCount: 5 }, detailInit: detailInit, dataBound: function () { this.expandRow(this.tbody.find("tr.k-master-row").first()); }, toolbar: ["create"], columns: [ { command: ["edit"], title: " ", width: "100px" }, { field: "UserDefinedTypeName", title: "User Defined Type", width: "200px" }, { field: "Active", title: "Active", width: "100px" }, { field: "CreatedBy", title: "Created By", width: "150px" }, { field: "CreatedOn", title: "Created On", width: "150px" }, { field: "ModifiedBy", title: "Modified By", width: "150px" }, { field: "ModifiedOn", title: "Modified On", width: "150px" } ], editable: "inline" }); }); function detailInit(e) { $("<div/>").appendTo(e.detailCell).kendoGrid({ dataSource: { type: "POST", transport: { read: { url: "/MCSSIF/Template/GetUserDefinedTypeOptions", type: 'POST', dataType: "json", data: { userDefinedTypeID: e.data.UserDefinedTypeID } } }, schema: { data: function (response) { return response.UserTypeValues; }, model: { id: "UserDefinedTypeOptionID", fields: { UserDefinedTypeOptionID: { editable: false, nullable: true }, UserDefinedTypeID: { editable: false }, Sequence: { editable: false }, OptionText: { validation: { required: true } }, Active: { type: "boolean" }, CreatedBy: { editable: false }, CreatedOn: { editable: false }, ModifiedBy: { editable: false }, ModifiedOn: { editable: false }, } } } }, filterable: true, scrollable: false, sortable: true, toolbar: ["create"], columns: [ { command: ["edit"], title: " ", width: "100px" }, { field: "OptionText", title: "User Defined Type Option", width: "200px" }, { field: "Active", title: "Active", width: "100px" }, { field: "CreatedBy", title: "Created By", width: "150px" }, { field: "CreatedOn", title: "Created On", width: "150px" }, { field: "ModifiedBy", title: "Modified By", width: "150px" }, { field: "ModifiedOn", title: "Modified On", width: "150px" } ], editable: "inline" }); } </script></div>
Please update me where I am doing wrong ASAP.
Thanks,
Sandeep
I have a Line chart with two lines and I want to change the color of one of the lines if it intersects the other line. Changing the background or any other solution I am not aware of would work too. Basically, I want to show visually that it is bad when line B is below line A.
I am using c# MVC, oh, and I'm in way over my head :/
My code...
@(Html.Kendo().Chart<MetricsDashboard.Models.ABLineChart>()
.Name("whatever")
.Title("whatever")
.DataSource(ds => ds.Read(read => read.Action("_NameofThing",Charts,Model)))
.Series(series => {
series.Line(model => model.LineAdata).Name("LineA").Color("Blue");
series.Line(model => model.LineB.data).Name("LineB").Color("Green");
})
.CategoryAxis(axis => axis
.Categories(model => model.CategoryAxis
)
.ValueAxis(axis => axis.Numeric()
.Labels(labels => labels.Format("{0:N0"))
)
)
Dear Telerik,
We need to
implement maps on our page using MVVM including 'tile' and 'marker' layers, but
we couldn't find any related documentation.
The only
example we found is this forum thread: http://www.telerik.com/forums/mvvm-support-
that
doesn't show how to implement needed layers.
Could you
please point me to the needed documentation or make an example where I can see
it working, especially urlTemplate of the tile layer.
Regards
Peter Beyer
ByggeFakta
Is there a way I can know if suggestion popup has closed. I want this to have autocomplete to show up with new suggestion list after I have made a selection from popup.Currently I am using settimeout for a search method but it depends on timeout value I set and therefore fails sometime to open the popup for search.
below is my code snipped in the select event
var item = e.item;
var selection = item.text();
e.preventDefault();
var city = selection.concat(" & ");
e.sender.value(city );
$("#Item2_County").data("kendoAutoComplete").dataSource.read();
setTimeout(function () { $("#Item2_County").data("kendoAutoComplete").search(city) }, 500);
Hey Guys
Please see attached image. All text columns and column titles look fine in the Kendo Grid. ( They handle the Swedish Characters fine)
But when I export to excel , the headers can't show the Swedish characters. ( Excel columns are fine)
I'm a bit stumped about what to even check with this issue.
Can someone suggest some things to even check / try?
Many thanks
Rob
Hi,
I am displaying multiple column charts on a single page which all have the same categoryAxis. What I would like to do is display the tooltip and crosshair for every chart when hovering over a single one.
My problem is that there doesn't seem to be a way to trigger a tooltip manually. Is it doable ?
I have set up an example here: http://dojo.telerik.com/uNaNa/10
Thanks,
Jeremy