Questions on Kendo UI for jQuery Forum

5 answers

133 views

Tap on slider

Hi!
Click (on desktop) in any range of slider moves slider at that point, but when tapping on mobile device - nothing happens. Is this feature or a bug?

Slider

answered on 26 Sep 2011

1 answer

212 views

Expand with one click

Hi,
I'm trying to expand a TreeView node with a single mouse click.
To do this, I thought about using the select event (single click) to call the expand method.
Something like:

<script>
$(document).ready(function() {
$("treeview").kendoTreeView({
select: function(nodevariable) {
EXPAND METHOD SHOULD GO HERE
}
});
});
</script>

Did anyone ever had the same situation or know if there's an example of an expand method I could use? Or how to use it in this situation? I tried the the code samples on the demo page but I couldn't understand how to get the Selector out of a node type.

thank you very much,
Paulo

TreeView

answered on 26 Sep 2011

1 answer

1.4K+ views

Setting schema for json datasource

I have a json datasource that looks like:

{

"people": [{

"name": "John Smith",

"phone": "(519) 420-2391",

"address": {

"street": "123 Main St",

"city": "Someplace"

}

}]

}

And I would like to map the address fields in a kendo Grid.
I tried setting the schema based on the "Binding to XML" example:

new kendo.data.DataSource({

data: people,

schema: {

type: 'json',

data: 'people',

model: {

fields: {

name: 'name',

phone: 'phone',

address_street: 'address/street',

address_city: 'address/city'

}

})

But I'm getting some js error (q is undefined).

What's the correct way of doing this?

Data Source

answered on 26 Sep 2011

1 answer

100 views

.data on TreeView method page

Hello,

On the TreeView Demo page (http://demos.kendoui.com/treeview/index.html) , select Methods tab -> expand.
You'll see the sample code:

var treeview = $("#treeview").data("kendoTreeView");

What is the ".data" function/method ?
Thank you very much and sorry for this very basic question.

Paulo.

General Discussions

answered on 26 Sep 2011

1 answer

434 views

How to add new Tab and content

Hello, kendo-Team. I don't know if i missed something, but how do i add new tab and some content in it?
Demo page explains how to create a tab only...without any content.....

1.tabStrip.append({

2. text: "new Tab"

3.});

Is there a way to add some content at this way ?
Of course, it is solvable with jquery:

01....

02.tabStrip.append({

03. text: "new Tab"

04.});

05.var $tabContent = $("<p>",

06. {

07. html: $("<div>",

08. {

09. text: "Lorem Ipsum"

10. })

11. });

12.$('.t-content:last').html($tabContent);

...but it would be very nice if there were a "content" property wich could be passed to the append-method

something like...

1.tabStrip.append({

2. text: "new Tab",

3. content : "Lorem Ipsum"

4. // or <span>some HTML as string</span>

5. // or $jqueryElement created via $()

6. // or "some-link.to/a-remote-page.html"

7.});

TabStrip

answered on 26 Sep 2011

6 answers

151 views

[Solved] Forms html5 based to Kendo UI ?

Hello.
Congrats for this amazing framework to all webdev..
I was searching in the demo some features like forms (contact, validations fields, etc), but i cant see it.
is there some forms html5 based to start with kendo ui ?

thanks a lot!

General Discussions

answered on 22 Sep 2011

1 answer

95 views

Binding to XML that Contains Null Data

Hi,

I have a grid binding nicely to a remote XML data source. The XML in question is generated from a database, which all works fine until there is a null entry in the data - which in turn removes the line from XML.

A (very) simple example of the resulting XML would be as follows:

<tblProduct>

<Product>

<name>This is a product</name>

<code>PRO001</code>

<description>A really great product.</description>

</Product>

<Product>

<name>This is a product</name

<description>Another really great product.</description>

</Product>

</tblProduct>

Note how there is no "code" field for the second "Product" entry. This is causing the grid to hang with the error:

Error: d.Product_Code is undefined
Source File: XXX/Scripts/Kendo_UI_Beta_2011_2_804/js/kendo.all.min.js
Line: 1

So my question is, is there a simple way to overcome this with the Kendo data source/grid control?

Thanks!

Data Source

answered on 22 Sep 2011

4 answers

220 views

Can't get this to work

Ok so here's the code I'm using from the demos page

//SEARCH BOX

$("#search-box").kendoAutoComplete({

minLength: 3,

dataTextField: "Name", //JSON property name to use

dataSoruce: new kendo.data.DataSource({

type: "odata", //Specifies data protocol

pageSize: 10, //Limits result set

transport: {

read: "http://odata.netflix.com/Catalog/Titles"

}

})

});

...idea being I'd change the DS once I saw it working...but inspecting with firebug I see not ajax requests firing and I get no autocomplete.

What am I missing?

Here's the fiddle: http://jsfiddle.net/stevescotthome/S95xC/
(notice the attached kendo version is the custom one you sent me)

AutoComplete

answered on 22 Sep 2011

1 answer

146 views

Callback only happening once for me

Hey There, quick question

Video: http://screencast.com/t/FcBAyj1xG0

Why is the callback only happening initially and subsequent searches only filter on those 5 returned results...?

$("#search-box").kendoAutoComplete({

minLength: 3,

filter: "contains",

dataTextField: "Title",

dataValueField: "Title",

dataSource: new kendo.data.DataSource({

type: "jsonp",

severFiltering: false,

serverPaging: false,

pageSize: 5,

template: '<dl>' +

'<dt>Title:</dt><dd>${Title}</dd>' +

'<dt>Date:</dt><dd>${Date}</dd>' +

'<dt>By:</dt><dd>${Speaker}</dd>' +

'</dl>',

transport: {

read: {

cache: true, // to prevent jQuery from adding cache buster

dataType: "jsonp",

url: alfresco.BaseURL + "/alfresco/service/medportal/autocomplete",

data: {

alf_ticket: alfresco.Ticket,

format: "json"

}

}),

change: function () {

callbackToAlfresco();

}

});

***EDIT*** My Bad, needed to turn these on

severFiltering: true,

serverPaging: true,

(Also, the templates for some reason are not being applied if you notice)

AutoComplete

answered on 21 Sep 2011

1 answer

119 views

Kendo UI as Flash replacement for eLearning

I just wanted to say that I'm very excited about Kendo UI for building the interfaces we usually create in Flash. In doing our research to meet our clients' needs, we already knew JavaScript was the way to go.

We don't build Flash games and we don't rely on it for video deliver, so we don't fit tidily into all of the debates about why Flash is bad for users. Kendo UI is the first cross-platform replacement that seems to have everything we need.

Thanks! And keep up the good work!

General Discussions

answered on 21 Sep 2011