Questions on Kendo UI for jQuery Forum

3 answers

312 views

I have just started to use the autocomplete and so far it looks pretty good.

Is there anyway to add watermark text to the textbox that has the autocomplete attached to?

Thank you

AutoComplete

answered on 16 Jan 2012

1 answer

603 views

Binding JSON data fetched from php file to a grid

I'm having problems in binding a json data fetched from a php file to a grid. Here's what my php file looks like:

$studs = array();

$db->query("SET CHARACTER SET utf8");

$students = $db->get_results("SELECT * FROM tbl_participants");

if(!empty($students)){

foreach($students as $k=>$v){

$studs['participant'][] = $v->participant;

}

echo json_encode($studs);

And here's the file where I have the grid:

<script>

$(document).ready(function() {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "fetch_data.php",

dataType: "json"

}

},

schema: {data: "participant"}

});

$("#grid").kendoGrid({

dataSource: dataSource,

height: 360,

groupable: true,

scrollable: true,

sortable: true,

pageable: true,

autoBind:true,

columns: [

{field: 'participant', title: 'Name'}

]

});

</script>

<table id="grid"></table>

Data Source

answered on 16 Jan 2012

2 answers

968 views

Filtering data source dynamically

Instead of listing the filters in code like this:

dataSource.filter([

{ field: "orderId", operator: "neq", value: 42 },

{ field: "unitPrice", operator: "ge", value: 3.14 }

]);

I would like to add them from a JSON array. How would I go about this? When I try, all I get is one filter being appended to the query string not in the correct format, rather looking like this:

filter[filters][]

instead of:

filter[filters][0][field]

filter[filters][0][operator]

filter[filters][0][value]

Data Source

answered on 15 Jan 2012

0 answers

105 views

ASP.NET Control to Kendo UI

Hi,

I added a post to my (very new) blog to demonstrate how you can create a Kendo UI menu from a ASP.NET Control...

See it here...

Menu

asked on 15 Jan 2012

0 answers

53 views

Binding Grid to AMFPHP2 dataSource example

After breaking my head for a whole day
Here is the code that is working well. I hope that you find it useful
Sorry for my English.

$("#grid").kendoGrid({

dataSource: {

type:"json",

transport: {

read: {

url: "http://www.xxxxxxxxxxxxxxxxx.com/amfphp2/?contentType=application/json",

dataType: "json",

type: "POST"

},

parameterMap: function (options) {

return JSON.stringify({"serviceName" : "ActoresPublicoService","methodName" : "getPaises","parameters" : []});

}

},

schema: {

model: {

fields: {

title: { type: "string" }

}

},

height: 250,

filterable: true,

sortable: true,

pageable: true,

});

Data Source

asked on 14 Jan 2012

4 answers

345 views

Unable to get data from selected row

Greetings, I am not sure what's happening here, but I am unable to obtain data from a selected row in my code:

var selectedActivity;

var activityModel = kendo.data.Model.define({

id: "_id",

fields: {

_id : {type:"string"},

date: {type:"string"},

activity : {type:"string"},

hours : {type:"number"}

}

});

dataSource = new kendo.data.DataSource({

transport: {

read: {

url: '/activity',

contentType: 'application/json; charset=utf-8',

type: 'GET',

dataType: 'json'

},

destroy: {

url: '/activity',

type: 'DELETE',

dataType: 'json'

},

update: {

url: '/activity',

type: 'PUT',

dataType: 'json'

},

schema:{

model: activityModel

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

sortable: true,

selectable: true,

rowTemplate: kendo.template($("#rowTemplate").html()),

altRowTemplate: kendo.template($("#altRowTemplate").html()),

columns: [

{field:"_id", title:"id"},

{field:"date", title:"date"},

{field:"activity", title:"activity"},

{field:"hours", title:"hours"}

],

change: function(){

var selectedId = this.select().data("id");

selectedActivity = this.dataSource.get(selectedId);

console.log("selected id:"+selectedId)

console.log("selected activity is:"+JSON.stringify(selectedActivity));

}

});

When my change function is triggered, my selected id is undefined. My guess is that I have a misunderstanding somewhere in my data modelling or something of that nature.

Any hints would be appreciated, thank you very much!

Grid

answered on 14 Jan 2012

0 answers

100 views

Howto define tooltips data

Hello,

congratulations for KendoUI, it's a very powerful library.
I'm using KendoUI Chart and I'd like to pass a custom Array to the tooltip so that every tooltip is different.
the model I use is

var data = {

"Title": "Title of chart",

"Series": [

{

"Name": "2015",

"Values": [1.00, 0, 0, 2.00]

},

{

"Name": "2016",

"Values": [1.30, 0.5, 0.6, 2.50]

}

],

"XAxis":

{

"Values": ["20 févr.", "21 févr.", "22 févr.", "23 févr."]

}

};

I'd like to add a new array to each Series, but I don't know of to reference it in the tooltip declaration ?
tooltip: {
....
}

Is it possible to do what I want ?
Thanks

Charts

asked on 13 Jan 2012

1 answer

178 views

Datasource REST integration examples

Hi.

Are there any public REST service integration examples. Utilization of all REST HTTP verbs GET/POST/PUT/DELETE and also fetch of individual data elements would be nice.

Br,
Timo Westkämper

Data Source