Questions on Kendo UI for jQuery Forum

0 answers

219 views

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

105 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

86 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

100 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

288 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

2 answers

167 views

Manually cancel upload request

Hi,

I am not using the default file list (showFileList: false) and implementing a custom one. I need to implement the cancel upload functionality but I don't seem to find any events and API's that I can use.
Just surfing through kendo.upload.js, I believe that jquery (xmlhttprequest)
abort() and some iframe stop commands are used by the default implementation. If this is correct, I see no way of getting either an xmlhttprequest or iframe object to replicate this behavior.
So how can I trigger the cancel functionality manually.

Thanks,
Danish

Upload

answered on 27 Feb 2012

1 answer

300 views

Grid Datasource Sync Success Event

OK... we sync to our data source but there is not event to let us respond with an event.

Use Case:
1. We add a new record to the browser grid dataset. (It shows up at the bottom of the grid. We want it at the top.)
2. We sync the data.
3. We read the data but it rarely has sync'd in time for the read to work, just pulls pre-sync'd data.

Of course if we could just get the added row to appear on top this would be a non-issue. :) I think we should have this event item added to the toolset just the same.

Grid

answered on 27 Feb 2012

3 answers

59 views

"What's new" webinar yesterday

Hello,

In the "What's new" webinar yesterday I hoped to see demos of the planned MVVM framework and ListView widget (according to the roadmap). But it disappointed me that there was nothing new shown in the webinar.
And at the end of the webinar I was invited to download the 2012Q1 release, but as far as I can see, that is not available yet, even not in beta.
Is it still the planning to release a version in march with the MVVM framework and the ListView widget?
I am eager to start using both!
Can I get my hands on a beta version, so I can start my development?

Regards, Jaap

General Discussions

answered on 27 Feb 2012

1 answer

95 views

Append method adds nodes at nesting different than expected

In a click event I dynamically add a new descent path at the top level of the treeview (at parent=null). The problem is that new nodes do not match the css used to color the different levels.

In firebug it looks like my original levels are started in <LI> tags and the new appended nodes are started in <UL>

http://jsfiddle.net/6dKwH/

Any tips on .append() or css are appreciated!

TreeView

answered on 27 Feb 2012

2 answers

102 views

Bind column to related table

Hey

Is it possible to bind a column to a related table?

If i add a column like this where "tblCategory" is the related table:

{

field: "tblCategory",

title: "Category"

}

I can see that it's an [Object] and that it does refer to: "data.svc/tblProducts(1)/tblProducts"

Is it possible to get the data from that somehow?

Cheers

Grid

answered on 27 Feb 2012