Questions on Kendo UI for jQuery Forum

1 answer

79 views

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

195 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

116 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

108 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

2 answers

196 views

How do I remove the animation?

I dont want the autocomplete to expand up and down, how can I kill that?

AutoComplete

answered on 21 Sep 2011

1 answer

143 views

External Service URL

Ok, here's my URL

http://<DOMAIN>:8080/alfresco/service/medportal/media?format=json&alf_ticket=TICKET_15459ecdc200aabc88c62d094902e32ddc741f2c

And here's my definition:

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

minLength: 3,

filter: "contains",

dataTextField: "Name",

dataValueField: "Id",

dataSource: {

type: "jsonp",

severFiltering: false,

serverPaging: false,

pageSize: 5,

transport: {

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

data: {

alf_ticket: alfresco.Ticket,

format: "json"

}

},

change: function () {

}

});

The result ends up being this error (nothing happens on the page)
-------------------

f is undefined

(function(a,b){function H(a){return(""...n!1}},c.ui.plugin("Window",s)}(jQuery)
------------------------

(from firebug)

This service isn't publicly accessible so I can't jsfiddle it.

Data Source

answered on 21 Sep 2011

0 answers

102 views

Switching datasource from locally-defined to remote on the fly

Since my page will potentially have many UI widgets that run on different datasources, I'd like to be able to load some initial data with the page, then once the page is loaded, switch the datasources so that they get any further information (such as additional pages) from the server. How would I go about doing this? I just don't want my page to need to wait for ajax requests to finish before the user sees any data..

Data Source

asked on 21 Sep 2011

0 answers

159 views

issue with validating hidden fields

Hello,

I am using bValidator to validate the form. But since the elements in the tabstrip are hidden they are ommited from validation. Is there way to validate all the fields properly?

I was also wondering if there is a way to extend tabstrip to include onAFTERSelected event.

Thanks

TabStrip

asked on 20 Sep 2011

2 answers

59 views

When can we expect the next beta?

...just curious (anxious) :)

General Discussions

answered on 20 Sep 2011

13 answers

240 views

Binding to JSONP

I have my returned JSONP object, which I normally pass into my jQuery template, but I'd like to attempt to throw it into the KendoUI grid if possible....how do I go about that?

I don't want to CALL the service via the datasource, I just want to pass the grid the resulting data

Steve

Grid

answered on 16 Sep 2011