Questions on Kendo UI for jQuery Forum

1 answer

276 views

Kendo Grid - Showing Aggregate values at each grid column footer

We have a grid which is having a column showing checkboxes in each row.
we are using Odata for taking data which is binded to kendo grid.
How to show the count at the footer for the number of checked record in kendo grid.

as per our investigation using Odata, server aggregates are not supported.

Grid

answered on 09 Jun 2014

1 answer

177 views

Button click with a little movement does not fire click event

Is there a way to make a button receive a click event when the user moves a little bit during the click?

On mobile devices I have found many users will move their finger a little bit when clicking on a button. In Kendo UI Mobile if movement occurs during the click the click event is not fired. To see this happen, run the following plunkr:

http://plnkr.co/edit/foJjBq87ou6mFSdLEq4k?p=preview

When clicking drag just a little bit and the click event will not fire. Only when you click with no movement will the click event fire.

I would like an event something like "touch up inside" which would fire when the user lifts their finger from a button.

Thanks,
Kerry

Button (Mobile)

answered on 09 Jun 2014

3 answers

534 views

inline editing in kendo grid

hello

1) i use and follow this grid

http://demos.telerik.com/kendo-ui/grid/editing-custom
http://trykendoui.telerik.com/

but i want to all field not editable true only like example "Product Name" allow to editable true and other two not..

so how to do this in kendo grid please help me.

2) and when i change value then new value save temporary and how to save new value on button click.

like first product name is "chai" and i update chai to tea then tea was
where to store i dont know and i want to tea store on other button click
like using ajax and this button is out side grid.

and then we make one button on outside kendo grid and when click on this
button and i want to get updated data(row) of this two row only and pass to
controller action using ajax.

so how to do this in kendo grid please help me.

reply asap

Grid

answered on 09 Jun 2014

4 answers

317 views

TreeView, TypeScript and Model Classes

Hi,

I'm using in my new project telerik kendo controls with angularjs, furthermore I want to use TypeScript.
This combination looks really good, but now I have following problem.

I have a hierarchical datasource for a treeview. The datasource is populated with my own javascript model class.

01.module MyNamespace {

02. 'use strict';

03.

04. export class Cluster {

05. public clusters: Cluster[];

06. public parentId: string;

07. public dateCreated: Date;

08. public dateModified: Date;

09.

10. constructor(

11. public id: string,

12. public matrixId: string,

13. public name: string,

14. public position: number

15. ) {

16.

17. this.clusters = [];

18. this.dateCreated = new Date();

19. this.dateModified = new Date();

20. }

21. }

22.}

If I try to get the selected node item, I get following typescript error:

Build: Cannot convert 'kendo.data.Node' to 'MyNamespace.Cluster'

The problem is, that .dataItem returns a node object and not my model class. If i try to cast the return value, i get this error:

Error: Cannot convert 'kendo.data.Node' to 'MyNamespace.Cluster': Type 'kendo.data.Node' is missing property 'clusters' from type 'MyNamespace.Cluster'. Type 'MyNamespace.Cluster' is missing property 'children' from type 'kendo.data.Node'

How can i get off this error?

Regards
Daniel

TreeView

answered on 09 Jun 2014

5 answers

162 views

Question about value MultiSelect function ?

I need to implement a kendo multiselect value with a json object

But,i don't know how to get a json object ? And if is it possible to store it in a variable ?

I need your help,

Best regards,

Kevin Quinton

MultiSelect

answered on 06 Jun 2014

1 answer

300 views

Iterating through all Kendo Windows on a page

Hi,

I hope this is something relatively simple to ask, I have looked around a little and couldn't find a decent enough resource to solve me problem.

I want to find all kendo windows on a given page without having to reference their id's. The purpose of this is that I am attempting to resize all kendo windows based on when the browser window resize event fires.

Whilst it could be possible to store an array of window id's I would prefer to not have to maintain that additional code.

Thank you in advance for any assistance you can provide.

Window

answered on 06 Jun 2014

6 answers

224 views

[Solved] Scroller repositioning problem after keyboard dismissed

I have a view with a textarea at the bottom. When I focus on the textarea the keyboard pops up and pushes the textarea up so you can see what you are typing in the input. The problem is when the keyboard is dismissed it doesn't reposition the scroller and leaves whitespace at the bottom where the keyboard was overlayed. Also if you try to scroll back to the top it to top appears to be cut off the same distance of the white space left at the bottom as if the whole slider has been shifted up by that amount. Is there a solution for this issue?

Scott

View

answered on 06 Jun 2014

3 answers

139 views

2 Kendo Grids on the same page each with a locked column?

When I try to put 2 kendo grids on the same page and they each have a locked column, I find that one of them the locked column disappears. Specifically the 2 divs of class k-grid-header-locked and k-grid-content-locked are missing. I'm wondering if this is a known issue?

thanks,
andy

Grid

answered on 06 Jun 2014

1 answer

258 views

kendo ui web - change view programmatically?

I am building an application using Kendo UI Web components for desktop and tablet browsers. And for mobile there will be separate code base.
Now I know that we can change/navigate views in Kendo.mobile.application using .navigate(viewname) as shown in this example.

Now if I develop the web application using MVVM architecture, how do I change views ??? If I use Kendo.mobile.application, the web components will render as mobile controls and won't look good on desktop and tablet browsers.

For desktop/tablet I want to use Kendo UI Web and for mobile Kendo mobile controls with MVVM architecture for all three platforms.

How do I change/navigate views in Kendo UI Web application ???or How do I completely adopt MVVM for Kendo UI Web and Kendo ui mobile both ???

MVVM

answered on 06 Jun 2014

9 answers

460 views

Source binding to the Menu Widget or other widgets

The Demo here:

http://demos.kendoui.com/web/mvvm/widgets.html

Shows how to bind to a number of widgets in the Kendo UI library. But I haven't had luck with some others including the menu. I've tried to convert the example here:

http://demos.kendoui.com/web/menu/index.html

To use the MVVM framework in the most straighforward manner. To be sure the KendoUI library was properly referenced, I put the MVVM test together with the non-MVVM method show in the demo. The result is that only the non-MVVM method works. The MVVM menu does not render (it shows up empty - just a thin horizontal line). There are no runtime errors or exceptions thrown.

HTML:

<body> 
    <ul id="menu">
    </ul>
    <br />
    <ul data-role="menu" data-bind="source: dataSource">
    </ul>
</body>

JavaSript:
$(document).ready(documentReady);

var viewModel = {
     dataSource: [
         {
             text: "Menu Item 1",
             items: [
                 { text: "Sub Menu Item 1" },
                 { text: "Sub Menu Item 2" }
             ]
         },
         { text: "Menu Item 2" }
     ]};

function documentReady() {
     $("#menu").kendoMenu(viewModel);
     kendo.bind($("body"), kendo.observable(viewModel));
}

MVVM

answered on 06 Jun 2014