Questions on Kendo UI for jQuery Forum

0 answers

214 views

Change DataSource configuration at runtime

I have a datasource that services an autocomplete control. Works great with just the basic service url defined for the read operation.

I would like to use the same datasource for other more complex queries for other controls on the page. For example, I'd like to add the $expand option to include associations but I don't want to add this complexity by default to slow down the autocomplete.

Can I modify the configuration of the datasource at runtime to service a number of controls with different needs or should I define separate datasources for each control?

For example how do I add / remove the expand property at runtime? ...

transport: {
    read: {
        url: "MyService.svc/Categories",
        data: {
            expand: "Products"
        }
    }
}

Can this be done with a filter?

Data Source

asked on 13 Nov 2012

0 answers

82 views

Kendo UI Mobile IE support

Hi,

We are just trying out Kendo in developing a small html5 app for mobiles initially then moving to tablets.

We are using the Mobile version of the framework which does not support Windows Phone at this time.
It has been noted that Windows Phone will be supported at some stage in the future, do you have any indications as to when this might be?

On a related subject if I try to view the site in IE 10 on windows 8 for some reason the browser is always switching to Compatibility mode and the Kendo app initialisation fails to run - no styling is applied.
The doctype applied is simply <!DOCTYPE html> so it should be rendering in standards mode however it is not.
Any clues as to why this may be happening?

Finally with iPhone versions what resolution is used by the iPhone 4 and above as its display size?
In quick testing it appears that it is using 320x480 as the screen resolution for the app instead of the native 640x960 - is this correct?

Thanks
Gavin

General Discussions

asked on 13 Nov 2012

1 answer

643 views

this.select() onChange demo of Grid not working!!!

Hi I'm just doing a simple task which is trying to get the selected row. I followed all the code stated in the demo site of the grid but unfortunately firebug is giving me an error saying that "this.select()" is not a method.

Here is the event for my grid.
>>>
.Events(events => events.Change(@<text> function(e){ OnChanged(e); } </text>))

And here is the script
>>>
function OnChanged(e) {
var selected = $.map(this.select(), function (item) {
return $(item).text();
});

As you can see I've used the @<text> in Change event because if I only specify the function name as string like this one
Events(events => events.Change("OnChanged")

Firebug is complaining that Onchanged can't be found.

Grid

answered on 12 Nov 2012

0 answers

123 views

Trying to understand the stock history dashboard example and DataViz libraries

Ok, so I was reading this example on the kendo ui blog.
http://www.kendoui.com/blogs/teamblog/posts/12-10-09/how_it_s_made_the_stock_history_demo.aspx

Looking through the source, I a set of two stylesheets referenced.

<link href="examples.css" rel="stylesheet" />

<link href="styles.css" rel="stylesheet" />

I thought we could change the theme by changing one of the standard stylesheets such as
kendo.default.min.css

changed, to this
kendo.black.min.css

However, that doesn't seem to make any difference. Are those two other stylesheets done with themebuilder?

General Discussions

asked on 12 Nov 2012

7 answers

547 views

Treelines ?

Does anyone have an example or css specifiers for making the TreeView show treelines ?

Something to do with k-first, k-in, k-last perhaps

Thanks
Richard

TreeView

answered on 12 Nov 2012

0 answers

190 views

how to read value of this text box?

$("#grid").kendoGrid({
                       columns: [ {
                                field: "FirstName",
                                width: 90,
                                title: "First Name"
                            } , {
                                field: "LastName",
                                width: 90,
                                title: "Last Name"
                            } , {
                                width: 100,
                                field: "City"
                            } , {
                                field: "Title"
                            } , {
                                field: "phone",
                                title: "Phone Number",
                                template: '<input type=text name='phone' value=#phone# />'
                            } , {
                                width: 50,
                                field: "Age"
                            }
                        ]
                    });

Grid

asked on 12 Nov 2012

2 answers

1.3K+ views

[Solved] Deslect a row in a grid

I need to programmatically deselect rows in a grid. I have not seen any API method for this. select() will return all rows, and select(<obj>) will select one item.

My issue is that I have 10 out of 50 selected, but now the user has done something and I need one of the 10 deselected (but the rest to remain selected).

I thought I had a brainstorm and that I could use jquery to trigger a CNTRL-CLICK:

var e = jQuery.Event("click");

e.ctrlKey = true;

$(this.gridRow).trigger(e);

Where this.gridRow refers the the DOM object which is the row in the grid (i.e. <TR> )which is currently selected. I have verified in FireBug that the value of tthis.gridRow is actually the <TR> row in the kendo Grid, and that it is currently selected. (see screen shot)

See attached screen shot which shows that firebug reporting that the this.grid is indeed a tr, and it has a click handler.

Grid

answered on 12 Nov 2012

0 answers

60 views

Performance issue in kendo grid (kendoui.complete.2012.2.913_commercial version) :

On adding below mentioned attributes on kendo grid, loading of grid is becoming slower.

pageable: true,

filterable: true,

columnMenu : true,

sortable : true,

selectable: 'row',

height: 250,

scrollable :false

Grid

asked on 12 Nov 2012

12 answers

421 views

kendoMobileButton API

I see that most of the .js API doesn't have docs. Will this be better later (since we're not getting the uncompressed source)?

Button (Mobile)

answered on 12 Nov 2012

1 answer

119 views

Filter option 'Ends with' and nullable data fields

I have a grid with two columns that are nullable in the database. They are returning empty strings when bound to the grid. I've found some interesting behavior when I play with the filters. If I use the "Starts with" filter, I get the expect number of rows back. However, if I use the "Ends with" filter, I get the expected number of rows plus all of the rows that have no value for that field. Is this expected behavior? If so, it is extremely inconsistent and not really in line with user expectations. Is there a way to get only the rows that actually end with the expected value back?

Thanks,
Jodi

Grid

answered on 12 Nov 2012