Questions on Kendo UI for jQuery Forum

0 answers

64 views

KendoUI Web March 2012 release date

Hi,

Is it possible to have a more precise date for the next release or get a preview / beta build before the official release? We are starting a new project and heavily interested in upcoming MVVM support.

Thank you!

General Discussions

asked on 28 Feb 2012

1 answer

193 views

[Solved] Using one class to initialize all kendo dropdowns does not work

I was using this method:

for each dropdown that I wanted to turn into a Kendo Dropdown I added the class "kendoddl". then on my document ready I simply called

 $(".kendoddl").kendoDropDownList();

It worked fine until I added two drop-downs on the same page.  They interfere with each other and stop working after a few clicks.

Is using classes to initialize, as shown above, not supported?

DropDownList

answered on 28 Feb 2012

4 answers

355 views

Flyout and IE7

Hi,

I just encountered a bug with the Kendo Menu with IE7. If you align your menu to the right of the page, and for some reason you don't have enough place to display the entire sub-menu, the menu won't display correctly or at all.

In the screen shot kendo-menu-ff.png we have the display i got in firefox.

In he screen shot kendo-menu.png we have the display in IE7.

With the IE Developper Tool bar I manage to see that the plugin creates two nested div to contain the animation. The first one, have the overflow property set to hidden and the second one, the nested one, was move to accommodate the lack of space to display it entirely. Hence the result shown earlier. (you can see it by your self with the two other screenshots kendo-menu- 2.pgn and kendo-menu- 3.png).

Since the pluggin write those property directly at the element level, I can't correct it with CSS.

I'm using the kendo-all.js.

Here's my code to generate the menu but I doubt it's my implementation that is at cause. (Without Razor )

<ul id="kendoMenu">

<li><a href="/">Thèmes</a>

<ul>

<li<a href="/Rapports/HEB_QUE">Hébergement au Québec 1</a></li>

<li><a href="/Rapports/ENT_FRO">Entrées à la frontière</a></li>

</ul>

</li>

<li>domirich

<ul>

<li><a href="/Account/LogOff">Déconnexion</a></li>

</ul>

</li>

<li>Pilotage

<ul>

<li><a href="/Pilotage/Autorisations">Gestion des autorisations</a></li>

<li><a href="/Pilotage/Sources">Gestion des sources</a></li>

<li><a href="/Pilotage/Concepts">Gestion des thèmes</a></li>

</ul>

</li>

</ul>

And here how I initialise the menu :

<script type="text/javascript">

$(document).ready(function () {

$("#kendoMenu").kendoMenu(

{

direction: "bottom"

});

</script>

Please, tell me how to fix this.

Menu

answered on 28 Feb 2012

5 answers

915 views

[Solved] Grid template with column grouping

When you combine column grouping and a grid template, as soon as you group a column the remaining columns grid are out of sync.
Anyone as a solution for this or this is a bug?

Grid

answered on 28 Feb 2012

3 answers

308 views

[Solved] rowCollapse toggles between expanding and collapsing detail rows

Whenever I call rowCollapse for any detail row, if the row is already collapsed it will expand that row, and if it is expanded it will collapse the row, like a toggle method rather than a collapse, is this expected behaviour? The expandRow method does not do this.

Grid

answered on 28 Feb 2012

0 answers

231 views

Autocomplete on ContentEditable DIV

Hello,

Can the autocomplete functionality be applied to a DIV with ContentEditable set to true? I know Jquery UI autocomplete does not work on contenteditable elements (only input and textarea) but did not see any specific reference to this for the Kendo UI autocomplete.

If it does not currently support ContentEditable DIVs is this something that might be added in the future?

Thank you!

~Ed

AutoComplete

asked on 28 Feb 2012

0 answers

124 views

Grid data source changes dynamically ?

Suppose I have LEFT grid displaying a list of table names, and a RIGHT grid for displaying the table data when selection made on LEFT.

Basically I want to be able to display the xml formatted results of a "SELECT * from " + $('#LEFT').

Are there any demos or fiddles demonstrating this ?

Watched "Get Started With The Kendo UI DataSource" but not sure if I need to create a model definition for every table that could be queried.

Grid

asked on 28 Feb 2012

1 answer

107 views

options.sort not being populated on the third cycle of sorting

When the grid is populated, the default sorting is taken from:
    serverPaging: true,
    serverSorting: true,
    sort: { field: "Name", dir: "asc" },
    serverFiltering: true,
    pageSize: 10
When I click the Name column header, the grid sorts in desc order as expected.
When I click for a second time, the options.sort array is not populated.
When I click for a third time, the grid sort in asc order.
It seems that for every second click the options.sort array is not being poulated.
Can this be resolved.

This is the code that I am using:

var investorDataSource = new kendo.data.DataSource({
                type: "json",
                transport: {
                    read: {
                        url: "http://localhost//XXXX?Name=^" + $("#searchfor").val(),
                        dataType: "json"

                    },
                    parameterMap: function (options) {
                        return {
                            pageindex: options.page,
                            pagesize: options.take,
                            //orderby:options.sort[0].field
                            orderby: convertSort(options.sort)
                        }
                    }
                },
                schema: {
                    data: function (result) {
                        return result.Items || result;
                    },
                    total: function (result) {
                        //Note: this is != to the total no of records, but should work
                        return (result.PageSize * result.PageCount) || result.length || 0;
                    }
                },

                serverPaging: true,
                serverSorting: true,
                sort: { field: "Name", dir: "asc" },
                serverFiltering: true,
                pageSize: 10
            });

Data Source

answered on 28 Feb 2012

1 answer

118 views

Bug with auto-generating columns

I'm seeing a bug when auto-generating columns with the grid. If the JSON data has a space as the field name, the template created has the space. For example, note the #Feb 2012#. Does the templating system support this? Is it just unescaped/quoted?

<tr><td>#=FirstName#</td><td>#=LastName#</td><td>#=Department#</td><td>#=Feb 2012#</td></tr>

Grid

answered on 27 Feb 2012

12 answers

350 views

TimePicker on iPad

The TimePicker doesn't appear to work properly on the iPad. The scrollbar doesn't appear in the menu and it is very hard to scroll thru the times. When I tried to flick it, it just moved the actual browser window, same happens in your demo.

This is not a huge deal to me, I'm just not going to use that control, but I do want to know if this is something you are aware of and/or plan to fix in the future. On a side note, are the web controls not really meant for iPad dev, shoudl I be using the "Mobile" tools? I went with web just because there are so many more available.

DatePicker

answered on 27 Feb 2012