or
2 answers
262 views
Hi, is there a way to position the paging dropdown of (under) grid to be located at the center ?
Unlike the one attached, which is moving just next to navigation page numbers (now it goes extreme left)
Unlike the one attached, which is moving just next to navigation page numbers (now it goes extreme left)
5 answers
2.5K+ views
Hi,
So we're using a NumericTextBox that is responsible for keeping count of grid elements (it can be higher than the grid count, but not lower). I've found that when I modify the value of the NumericTextBox from Javascript the value displayed on the page doesn't reflect the addition until mouseover. Here is the code that increases the value after a new grid row is created, and the value is accurately reflecting the total number of elements, but for some reason only displays the updated value when the user mouses over the NumericTextBox. Any help would be much appreciated.
function(args){
var grid = $(args.sender.options.table).parents('.k-grid');
var count = $('.k-input[name$="Count"]');
if (count) {
var modelName = count.attr('name').split('.')[0];
var crewCount = count.data("kendoNumericTextBox").value();
var totalCrew = args.sender.data().length;
if (totalCrew > crewCount) {
count.data("kendoNumericTextBox").value(totalCrew);
}
}
}
So we're using a NumericTextBox that is responsible for keeping count of grid elements (it can be higher than the grid count, but not lower). I've found that when I modify the value of the NumericTextBox from Javascript the value displayed on the page doesn't reflect the addition until mouseover. Here is the code that increases the value after a new grid row is created, and the value is accurately reflecting the total number of elements, but for some reason only displays the updated value when the user mouses over the NumericTextBox. Any help would be much appreciated.
function(args){
var grid = $(args.sender.options.table).parents('.k-grid');
var count = $('.k-input[name$="Count"]');
if (count) {
var modelName = count.attr('name').split('.')[0];
var crewCount = count.data("kendoNumericTextBox").value();
var totalCrew = args.sender.data().length;
if (totalCrew > crewCount) {
count.data("kendoNumericTextBox").value(totalCrew);
}
}
}
Kevin
Top achievements
Rank 1
Rank 1
answered
on
20 Mar 2014
1 answer
276 views
I'm trying to limit the columns returned by a oData query. Does dataSource support the oData $select query option? I was able to get $expand working and it was implemented at the same time, I recall. This is what I'm attempting, but I'm not sure if I'm implementing $select correctly.
var gridDataSource = new kendo.data.DataSource({ type: "odata", schema: { data: function (data) { if (data.value) { return data.value; } delete data["odata.metadata"]; return [data]; }, total: function (data) { return data["odata.count"]; } }, pageSize: 10, scrollable: false, sort: { field: "Name", dir: "asc" }, transport: { read: { url: "/GLMEntitiesModelService.svc/Devices", data: { $expand: "Location", $select: "ID,LocationFK,Name,Vendor,Product,Component" } } }});
Art Kedzierski
Top achievements
Rank 2
Rank 2
answered
on
20 Mar 2014
8 answers
208 views
Hello,
I am attempting to setup a scenario similar to your "Grid custom editing" example however I have a few questions regarding how the combobox/dropdown is bound.
In the .cshtml file you have the following code when setting up the Category column:
columns.Bound(p => p.Category).ClientTemplate("#=Category.CategoryName#").Width(160);
I've got a few questions on this. I've tried to track down the "ClientTemplate" property in the Kendo documentation and haven't found a thing, so could you explain what is going on here? I'm assuming the #=Category.CategoryName# is basically saying show the CategoryName property of the object that is bound to the list item, but I'm not really sure. If I'm wrong, please tell me what is being done with this syntax.
Next, I see where you are setting the DefaultValue by accessing ViewData["defaultCategory"], but I don't see anywhere that you access ViewData["categories"] which is what I am assuming you are binding the dropdownlist to.
Are there pieces of this little app that is displayed online that you are not showing the code to? Can you explain how the drop down is being databound to the list of categories?
What I am after is that the grid would be bound to a collection on my viewmodel and the combox would be bound to another property on the viewmodel.
Thanks for any help!
I am attempting to setup a scenario similar to your "Grid custom editing" example however I have a few questions regarding how the combobox/dropdown is bound.
In the .cshtml file you have the following code when setting up the Category column:
columns.Bound(p => p.Category).ClientTemplate("#=Category.CategoryName#").Width(160);
I've got a few questions on this. I've tried to track down the "ClientTemplate" property in the Kendo documentation and haven't found a thing, so could you explain what is going on here? I'm assuming the #=Category.CategoryName# is basically saying show the CategoryName property of the object that is bound to the list item, but I'm not really sure. If I'm wrong, please tell me what is being done with this syntax.
Next, I see where you are setting the DefaultValue by accessing ViewData["defaultCategory"], but I don't see anywhere that you access ViewData["categories"] which is what I am assuming you are binding the dropdownlist to.
Are there pieces of this little app that is displayed online that you are not showing the code to? Can you explain how the drop down is being databound to the list of categories?
What I am after is that the grid would be bound to a collection on my viewmodel and the combox would be bound to another property on the viewmodel.
Thanks for any help!
Cool Breeze
Top achievements
Rank 1
Rank 1
answered
on
20 Mar 2014
1 answer
50 views
Hi,
I tried the new version of Kendo DataViz. However, I noticed a degression of how markers are handled for the area chart. In Q3 2013, when hovering a value, the marker would show itself. In 2014, it does not anymore. It's quite bad from a UX point of view because of the loosed context. You can see the problem in your demos too: http://demos.telerik.com/kendo-ui/dataviz/area-charts/index.html
I tried the new version of Kendo DataViz. However, I noticed a degression of how markers are handled for the area chart. In Q3 2013, when hovering a value, the marker would show itself. In 2014, it does not anymore. It's quite bad from a UX point of view because of the loosed context. You can see the problem in your demos too: http://demos.telerik.com/kendo-ui/dataviz/area-charts/index.html
Iliana Dyankova
Telerik team
answered
on
20 Mar 2014
2 answers
133 views
I have a grid setup and I set an interval so that it reads the dataSource every few seconds. This works fine on desktop and iPad (mostly).
The issue I'm seeing is that if you're scrolling the grid on iPad during a 'tick' (when I do grid.dataSource.read()), the grid freezes completely and I can't scroll. Oddly, the data still updates.
To reproduce:
I set up a JS Fiddle: http://jsfiddle.net/dmathisen/ERgkA/
(the numbers don't update but that's not the point, the issue is still reproducible)
1) Open in an iPad
2) Scroll vertically left and right for a couple seconds.
3) After 2 seconds, grid.dataSource.read() will trigger and the grid will freeze up and scrolling the grid breaks
The issue I'm seeing is that if you're scrolling the grid on iPad during a 'tick' (when I do grid.dataSource.read()), the grid freezes completely and I can't scroll. Oddly, the data still updates.
To reproduce:
I set up a JS Fiddle: http://jsfiddle.net/dmathisen/ERgkA/
(the numbers don't update but that's not the point, the issue is still reproducible)
1) Open in an iPad
2) Scroll vertically left and right for a couple seconds.
3) After 2 seconds, grid.dataSource.read() will trigger and the grid will freeze up and scrolling the grid breaks
5 answers
641 views
Just started using Kendo.UI and I can't seem to find any documentation on how to do what I need in JavaScript. I have a ORM Entity Model I'm accessing in the web project via a web service (oData/JSON). I can get the top-level data of any table just fine. But let's say I have a table called Devices (because I do) and it has a association called DeviceHasLocation (because it does) and I want to display the Name of the associated Location in a grid of Devices. What would the code for that look like?
I need to do something similar for a LOT of these associations, so a reusable methodology would be much appreciated.
I need to do something similar for a LOT of these associations, so a reusable methodology would be much appreciated.
Art Kedzierski
Top achievements
Rank 2
Rank 2
answered
on
20 Mar 2014
1 answer
98 views
Hello,
we are using Kendo components to build the a multibrowser UI for a complex financial web application.
We use the library kendo.all.min.js library, version 2013.2.918, to run the client frontend both on desktop and tablet, specifically Ipad.
On Ipad we are experiencing the following problem:
when se load the data foer a grid, the loading operation terminates but the data is not visible and the grid remains empty. If I " play with the screen", say I enlarge it or shrink it, the application seems to reactivate and the data appears, but I believe the data was already there.
This problem does not happen on Windows PC with Explorer/Chrome/Firefox browsers.
Unfortunately I don't have a Mac for further debug
The Ipad info are:
Version iPad 7.0.6 (11B651)
browser 7.0
Webkit 537.51.1
Safari 9537.53
Though the question is vague, please give me a hint,
thank you for your help
best regards
Marco
we are using Kendo components to build the a multibrowser UI for a complex financial web application.
We use the library kendo.all.min.js library, version 2013.2.918, to run the client frontend both on desktop and tablet, specifically Ipad.
On Ipad we are experiencing the following problem:
when se load the data foer a grid, the loading operation terminates but the data is not visible and the grid remains empty. If I " play with the screen", say I enlarge it or shrink it, the application seems to reactivate and the data appears, but I believe the data was already there.
This problem does not happen on Windows PC with Explorer/Chrome/Firefox browsers.
Unfortunately I don't have a Mac for further debug
The Ipad info are:
Version iPad 7.0.6 (11B651)
browser 7.0
Webkit 537.51.1
Safari 9537.53
Though the question is vague, please give me a hint,
thank you for your help
best regards
Marco
Alexander Valchev
Telerik team
answered
on
20 Mar 2014
13 answers
244 views
My endless scrolling listviews were working (excepting a couple of bugs that I've already brought up on this forum) until I updated to v2013.2.1024 and now I get the following error:
"Uncaught Error: the DataSource does not have page size configured. Page Size setting is mandatory for the mobile listview virtual scrolling to work as expected."
I found that this only happens when I use declarative binding. This problem also occurs in the latest available beta v2013.3.1030.
Cheers
Dean
"Uncaught Error: the DataSource does not have page size configured. Page Size setting is mandatory for the mobile listview virtual scrolling to work as expected."
I found that this only happens when I use declarative binding. This problem also occurs in the latest available beta v2013.3.1030.
Cheers
Dean
Kelly
Top achievements
Rank 1
Rank 1
answered
on
20 Mar 2014
1 answer
100 views
Hi there, it's me again with another ScrollView-issue:
I have an array of knockout-viewmodels.
For each viewmodel, I'd like to get a page in my ScrollView-instance.
Now I get the problem described in your documentation: If there's a whitespace, you'll get an extra page.
Unfortunately the template-workaround doesn't work here and I cannot work with datasource as my knockout-bindings are initialized before I initialize kendoUI Mobile (there is much more going on in the app, so changing that order would be a lot of refactoring which I'm trying to avoid).
Because I can't find a way to define a specific number of pages (as a simple workaround), I'm hopping for your help :)
Thanks for your help!
Cheers,
Richard
I have an array of knockout-viewmodels.
For each viewmodel, I'd like to get a page in my ScrollView-instance.
Now I get the problem described in your documentation: If there's a whitespace, you'll get an extra page.
Unfortunately the template-workaround doesn't work here and I cannot work with datasource as my knockout-bindings are initialized before I initialize kendoUI Mobile (there is much more going on in the app, so changing that order would be a lot of refactoring which I'm trying to avoid).
Because I can't find a way to define a specific number of pages (as a simple workaround), I'm hopping for your help :)
Thanks for your help!
Cheers,
Richard
Alexander Valchev
Telerik team
answered
on
20 Mar 2014
