Questions on Kendo UI for jQuery Forum

3 answers

310 views

hi all:
i want use other jsp page return json object as follows ["Item1", "Item2", "Item3"];
,so i Should how to change the code?

$("#autocomplete").kendoAutoComplete({
   minLength: 3,
   dataTextField: "Name", //JSON property name to use
   dataSource: new kendo.data.DataSource({
       type: "odata", //Specifies data protocol
       pageSize: 10, //Limits result set
       transport: {
           read: "http://odata.netflix.com/Catalog/Titles"
       }
   })
});

i want use json data,not odata,pls help me ,thanks.

AutoComplete

answered on 29 Dec 2011

1 answer

193 views

Close window after "save"

Is it possible to have a cancel button that closes the window?

Window

answered on 29 Dec 2011

4 answers

242 views

call json service group data and bind to graph

I am having some troubles binding my chart. I am trying to create a datasource that is bound to my mvc3 controller

Basically I am trying to dynamically bind the series. As I dont know what the values are going to be.

The controller is called and the json is returned however nothing is shown in the graph.
What am I doing wrong? I am not getting any javascript errors.

<script>

$(document).ready(function () {

setTimeout(function () {

createChart();

}, 400);

$(document).bind("kendo:skinChange", function (e) {

createChart();

});

function createChart() {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "/MyService/GetGraph",

dataType: "json"

// additional parameters sent to the remote service

// data: {

// q: "html5"

// }

},

group: {

field: "TransactionTypeName",

dir: "asc"

}

});

dataSource.read();

$("#chart").kendoChart({

theme: $(document).data("kendoSkin") || "default",

dataSource: { data: dataSource },

title: {

text: "Transaction Details"

},

legend: {

position: "bottom"

},

seriesDefaults: {

type: "column"

},

series:

[{

field: "TransactionAmount",

name: "Transaction Name"

}],

categoryAxis: {

field: "MonthString",

labels: {

rotation: -90

}

},

valueAxis: {

labels: {

format: "{0:N0}"

}

},

tooltip: {

visible: true,

format: "{0:N0}"

}

});

}

</script>

Charts

answered on 29 Dec 2011

0 answers

89 views

Selecting a row + accessing attributes

I'm creating a table and have applied HTML5 Data tags to each table element like this:

<tr data-sku="SOME DATA HERE">

To determine what was clicked, I have a function that handles the change events of my grid:

function onGridClick(arg) {

var selected = $.map(this.select(), function (item) {

return $(item).text();

});

// do something

}

Doing something like this doesn't work?

$(item).attr('data-sku')

When debugging my JS script in Visual Studio, viewing all the properties for 'item', there is no mention of the data tag mentioned? Are they being removed by Kendo?

Grid

asked on 29 Dec 2011

2 answers

60 views

Grid ships with a visual flaw

If you take a look at http://demos.kendoui.com/web/grid/toolbar-template.html, you can see the bottom of the grid where the paging controls live that the line on the bottom is absent.

This only happens when using the toolbar in a grid.

Does anyone know how to fix this?

Grid

answered on 28 Dec 2011

2 answers

106 views

Filtering across fields : OR instead of AND

It seems that the current filters are set up on dataSource to do an AND when I apply a filter across multiple fields. By this, I mean result rows shows up only if the data exists in all the fields specified in the filter.

Is it possible for results to be displayed if just one of the fields in the filter match?

Example: http://jsfiddle.net/ZpCAy/27

A search for 'Vins' does not present any results.

Data Source

answered on 28 Dec 2011

2 answers

492 views

Datasource Aggregates

Can someone supply a brief example of proper syntax for defining and accessing aggregates on a datasource? I am unable to access any aggregates results (function keeps returning UNDEFINED). I must be missing something trivial. Modified fiddle sample I am experimenting with:

http://jsfiddle.net/divotfixer/QwQwF/

Data Source

answered on 28 Dec 2011

2 answers

1.8K+ views

How to add event listener to grid toolbar custom buttons or override default ones...

I know we can add custom buttons to toolbar of kendo grid but I coul not find how to add click event listener to these custom buttons ?

TIA

Grid

answered on 28 Dec 2011

6 answers

208 views

Use one datasource for mutliple UI widgets

I would like to have one kendo datasource that get its data from an ajax call that contains multiple arrays of data in one wrapper. The data in each array could be shaped differently and would be used for different tables/charts on the same page. So for example the data returned from the web service call would look like:
[
{ type: "names", name: "john", age: 12},
{ type: "names", name: "andy", age: 10},
{ type: "names", name: "sally", age: 11},
{ type: "toys", item: "bike", price: 69.99, color: "red"},
{ type: "toys", item: "yo-yo", price: 5.99, color: "blue"},
{ type: "toys", item: "football", price: 19.99, color: "brown"}
]

and I would like to have one table show the names and another table show the toys. Is this possible?

Data Source

answered on 28 Dec 2011

0 answers

98 views

Getting the editable grid to work with an sql database?

I've been trying to get the editable gird to work with my project, currently I have a telerik grid which uses ajax and is editable and works fine, I'd like to make a mobile editable table to edit the same sql database.

how would I go about this? Inoticed in the sample the table points to several URLs but I'm not usre how these URLs are generated based on the sql table.

Can anyone give me any pointers to get it to work?

Grid

asked on 28 Dec 2011