Questions on Kendo UI for jQuery Forum

5 answers

163 views

Kendo ui upload display incorrectly in IE 7 and IE 8. There is no select title in the button and it is only empty button. Please advise

Upload

answered on 07 May 2014

1 answer

88 views

Back navigation not working on listview editing demo example

I was trying out listview Editing example(http://demos.telerik.com/kendo-ui/mobile/listview/editing.html) in Kendo UI Dojo but transition to previous view was not working on click of "Done" button. (Attached is a screenshot).
I tried the same code in an android phone by making a phonegap package and the result was same.
Can you please tell how to navigate to previous view after datasource.sync() command?

ListView (Mobile)

answered on 07 May 2014

4 answers

346 views

Bugs on KendoUI Web 2014.1.318 - Incompatible with jQuery 1.9.x when running in Chrome

I found a bug in KendoUI Web 2014.1.318 and above + jQuery 1.9 and above + latest Chrome: Follow this step.
1. In an empty HTML (HTML1) page, use AJAX call to load another HTML Page (HTML2).
2. In HTML2 page, load a Kendo Grid that will load a datasource. The script in HTML2 page will run but no datasource display and there is an error "Uncaught TypeError, Undefined is not a function".
If you run HTML2 page directly, no problem. I think this is Kendo UI Grid bug.
Unfortunately, even Kendo have fix the bug, the open source community won't get the latest bug fix anymore. :(
Attached a test program for debugging purpose. Run it in Chrome and you will see the problem but run it in IE or FF have no problem. No problem also if using jQuery 1.8.3 and below or run KendoUI Web 2013 version.

Grid

answered on 07 May 2014

3 answers

1.7K+ views

Custom Group Header Summaries

Is it possible with the Grid to create a custom summary in a group header. I basically want to be able to group by a particular field and then contain some summary information based on other totals for the group.

Please see the exact behaviour I would like in a DevExpress grid
http://demos.devexpress.com/ASPxgridviewDemos/Summary/Group.aspx

Grid

answered on 07 May 2014

2 answers

96 views

Grid Custom editor editing issues

Hi,

I have a requirement in data grid with a custom dropdown editor, while changing the dropdown value, "id" for the changed value in the kendo grid data source is not getting updated with the corresponding newly changed dropdown option chosen . And after changing it, the cell value in the grid is showing "id" not the "text" of the custom dropdown editor.

Please find the code snippet in the jsfiddle : http://jsfiddle.net/khNsE/40/

Thanks

Grid

answered on 06 May 2014

7 answers

239 views

Scroll view freezes and does not rebind data

I'm setting up the following scrollview. I'm not adding any html data element as in the docs in order to be able to use the kendo template where useWithBlock is set to false for perfs:

var friendsList = response.results;

var friendsToInvite = [];

var template = kendo.template( $( '#friendsToInvite-template' ).html(), {useWithBlock:false} );

for ( var i = 0; i < friendsList.length; i++ )

{

friendsToInvite.push( { name: friendsList[i]["name"], fbId: friendsList[i]["fbid"], invited: friendsList[i]["invited"], eventId: event.id } );

};

var scrollview = $("#scrollview").data("kendoMobileScrollView");

if ( typeof listView === typeof undefined )

{

$("#friendsToInvite").kendoMobileScrollView({

template : template,

dataSource: friendsToInvite,

enablePager: false

});

}else

{

$("#scrollview").data("kendoMobileScrollView").setDataSource(friendsToInvite);

};

When going to the page the first time, i can see the scroller but it doesn't work: I cannot swipe from a page to another.
Then when I'm trying to rebind the data (because the template is used with different data) I can't see any changes.

Please advice,

Many Thanks

ScrollView (Mobile)

answered on 06 May 2014

9 answers

278 views

Cannot Have ListView Append Method Working Properly

Hello,

I am trying to append some results pulled from my own endless scroll functionality (couldn't have the official endless scroll working the way I wanted, by basically calling my own js function, if this is doable I would be curious to know how).

I retrieve the results and sort it with js but I can't append it to my pre existing listview.

In the first function, I initialize the list view doing so:

$("#list-container").kendoMobileListView({

template : template,

dataSource: kendo.data.DataSource.create( { data:results, group:"start" } ),

fixedHeaders: false

});

Then, when I retrieve some more results with the exact same structure, I'm trying to do this:

var template = Handlebars.compile( $( '#eventListTemplate' ).html() );

//Append the new results

var newDataSource = new kendo.data.DataSource( { data:results, group:"start" } );

// console.log( newDataSource.data()[0] );

$("#list-container").data("kendoMobileListView").append([ newDataSource.data() ]);

just like in the documentation ( http://docs.telerik.com/kendo-ui/api/mobile/listview#methods-append ) I'm trying to append [ newDataSource.data()[0] ] but I've tried to append results directly or other kendo Data without any luck unfortunately.

Could you give me a hand on this matter please ?

Here is the results data structure:

results: [{id:1242, name:Redwoods & Wine Country Escape Tour, type:Music,…},…]

0: {id:1242, name:Redwoods & Wine Country Escape Tour, type:Music,…}

1: {id:1177, name:Peter Cincotti, type:Music,…}

2: {id:1183, name:Combichrist, type:Music,…}

3: {id:1179, name:The Suit, type:Music,…}

4: {id:1184, name:Matt Andersen, type:Music,…}

5: {id:1174, name:San Francisco Symphony: Tchaikovsky's Pathetique, type:Music,…}

6: {id:1182, name:Joel Gion & The Primary Colours (Brian Jonestown Massacre), type:Music,…}

7: {id:1175, name:Shlohmo, type:Music,…}

8: {id:1185, name:Jim Jones Revue, type:Music,…}

9: {id:1241, name:North Beach Food, type:Music,…}

10: {id:1180, name:Les Nubians @ 8pm, type:Music,…}

11: {id:1181, name:Les Nubians @ 10pm, type:Music,…}

12: {id:1186, name:Juana Molina, type:Music,…}

13: {id:1187, name:Sweet Thunder: Jack Quartet, type:Music,…}

14: {id:1178, name:The String Cheese Incident, type:Music,…}

15: {id:1189, name:David Gray, type:Music,…}

16: {id:1240, name:Big Bang Gala, type:Music,…}

Many Thanks

ListView (Mobile)

answered on 06 May 2014

6 answers

920 views

Custom Validation Not Fired If Column Has Not Received Focus

I am using kendo with the ASP.Net MVC wrapper. I have a grid that has two columns with dropdowns in them, a column with a numeric up/down textbox, and a column with a delete button. I am using the InCell edit mode. I am using ClientTemplates for each of my columns to output a hidden field that I can use to submit the values from the grid with the rest of the page. I have validations set up on each of the columns via .Net attributes. The columns with the dropdowns are in an invalid state by default, as the user should select a value from each of them before the row is valid.

When I add a new row to the grid, the dropdown in the first column appears automatically, and if I try to submit without selecting a value, I get a validation error for that column and the form is not submitted. This is working as expected. I don't get a validation message for the second column though, so if I select a value in the first dropdown I can submit the form. If I click into the second cell, the dropdown for that cell appears. If I try to submit at this point, I get a validation error and am not able to submit. Also as expected.

The problem seems to be that the inputs are not created for the row until their cell receives focus, and validation doesn't run until the inputs exist. Is there a way to get validation to run on all of the cells of a row, even if the cell has not received focus?

Thanks,
Brian

Grid

answered on 06 May 2014

1 answer

75 views

No way to put margin on image

As you can see in the attached screenshot, when you insert an image into the Editor, align it to the right, then add in lots of text, the text runs right up to the image's edge. It obviously looks terrible. In other WYSIWYG editors, like CKEditor (see other attachment), they allow "HSpace" and "VSpace," which adds margin to the image. Is there a way to do this with the Kendo Editor (outside of manually coding it, since our users won't know how to do that)?

Editor

answered on 06 May 2014

2 answers

617 views

Where is kendo.aspnetmvc.min.js file?

There is no kendo.aspnetmvc.min.js in Kendo UI Professional, which is in opposition to official Kendo installation guide. Which JS files should be included now?

General Discussions

answered on 06 May 2014