Questions on Kendo UI for jQuery Forum

14 answers

2.2K+ views

I'm evaluating the kendo UI, and would like to have a grid with a hidden column for the record ID, or better yet, attach some data to each row that would contain an ID, and I was wondering if there is a straightforward way to do this?

Thanks, Dennis

Grid

answered on 03 May 2012

1 answer

115 views

issue with seriesHover

as per documentation
seriesHover should work like seriesClick. However in my example below it doesnt . when i replace seriesHover with seriesClick it works for a click event.

function createChart() {
$("#chart").kendoChart(
{
title: {
text: "Kendo Chart Example"
},
seriesDefaults: {
type: "line"
},
series: [
{ name: "Example Series", data: [200, 450, 300, 125] }
],
tooltip: {
visible: true,
format: "{0}%"
},
seriesHover:function(e) {
var w=e.value;
alert(w);
}
}
);
}

$(document).ready(function() {
createChart();
});

Charts

answered on 03 May 2012

4 answers

106 views

Get > Button Styling in Template

Hi,

Could someone please look at this -

http://jsfiddle.net/wickedw/72wLY/

And tell me what I am doing wrong?

I am trying to get the listview buttons in v1 to display as mobile style -

1 >
2 >

Not as

[1]
[2]

Thanks
Matt

ListView (Mobile)

answered on 03 May 2012

4 answers

164 views

Binding to remote data

Hi all,
i'm trying to open the http://demos.kendoui.com/web/dropdownlist/remotedatasource.html url on a Motorola Xoom with Android 3.2, but the dropdownlist doesn't show any data except the waiting cursor. Is it a known issue?

Thanks
Francesco

DropDownList

answered on 03 May 2012

0 answers

124 views

no "multiple" select for DropDownList???

Am i missing something or doesn`t the DropDownList support this very basic feature of the html <select> tag?
How to implement selection of multiple values from a list using Kendo.. Or is this another case of "this cannot be done"? ;)

DropDownList

asked on 03 May 2012

0 answers

275 views

Populate Grid with basic JSON data problem - uid is not defined

I'm pretty new to the whole jquery Kendo UI scene and I was playing around with the kendo grid for a project I was working on.

I got pretty far with loading basic JSON data into the grid, with just grabbing a sample set of data from the database.

However, now I'm trying to do an AJAX call (via jquery library), pass in some dates to a database, and get some JSON back and put it in the grid.

For some reason, the transport option worked a lot better than the data option.
I was using the data option because I was having the success function on the ajax call pass in the data to the grid.

However, when I do this, I get:
Uncaught ReferenceError: uid is not defined.

Is my approach wrong?
Am I missing some simple option?
Or does the transport feature have an option like the jquery ajax function?

See code below, which is still kind of messy...
I'm using the March 2012 version of Kendo Web Open Source.

The script:

$(document).ready(function() {

$("#GetBOData").click(function(){

$.ajax({

type : 'POST',

url : "/~basadmin/corp/reports/get_store_bkord_data.php",

data : {

BeginDate : $("#BeginDate").val(),

EndDate : $("#EndDate").val()

},

success : function(data, textStatus, jqXHR) {

//alert(data);

$("#grid").kendoGrid({

dataSource: {

dataType: "json",

data: data,

//transport: {

// read: {

// url:"/~basadmin/corp/reports/get_store_bkord_data.php",

// dataType: "json"

// }

//},

//schema: {

// model: {

// fields: {

// Buyer: { type: "string" },

// Line: { type: "string" },

// Category: { type: "number" },

// PartNum: { type: "string" },

// Description: { type: "string" },

// StoreLoc: { type: "number" },

// WhseLoc: { type: "WhseLoc" }

// }

// },

//total: "total"

//},

serverPaging: false,

serverSorting: false,

pageSize: 1000

},

columns: [

{title: "Buyer", field: "Buyer", width: 75},

{title: "Line", field: "Line", width: 75},

{title: "Category", field: "Category", width: 100},

{title: "Part Number", field: "PartNum", width: 110},

{title: "Description", field: "Description", width: 100},

{title: "Store Loc", field: "StoreLoc", width: 100},

{title: "Whse Loc", field: "WhseLoc", width: 100}

],

scrollable: true,

height: 800,

filterable: true,

sortable: {

mode: "multiple",

allowUnsort: true

},

groupable: true,

pageable: true,

navigatable: true,

});

}

});

Then the body of the html:

<body>

Begin Date: <input type="text" name="BeginDate" id="BeginDate"/>

End Date: <input type="text" name="EndDate" id="EndDate" />

<input type="submit" id="GetBOData" value="Submit" />

<div id="grid" style="width:1280px">

</div>

</body>

The php script returns data like so:

[{"Buyer":"Joe Smo","Line":"GBR","Category":"1","PartNum":"833-22101","Description":"Fuel Injector","StoreLoc":"34","WhseLoc":"90"}]

The JSON is one big giant array, with a bunch of JSON objects inside. (I think I'm getting my terminology correct).

...Ugh, the code did a lot of word wrapping, Sorry... Not use to the code editor here I guess. I'll attach the file and see if that is better.

Grid

asked on 03 May 2012

1 answer

142 views

Is it possible to put menu inside a grid cell

I do have multiple action buttons for each row. Instead of showing them all, I want to show only a one button, like 'More'. clicking on this will open a drop down menu, where all other actions will be displayed. Is there any way to achieve this?

Grid

answered on 03 May 2012

1 answer

126 views

Where is the documentation for the kendo object ?

Looking at various stackoverflow answers and kendo forum posts I can see people talking about using Kendo js library methods like :
kendo.toString() and kendo.stringify().

Where is the documentation for this ?? I have searched the docs and see nothing of this nature. Is this a hidden unsupported part of kendo ui ?

General Discussions

answered on 03 May 2012

0 answers

67 views

sorting field at top of each column in grid control

Good Day

is it possible to add a sorting field at top of each column in grid control

Grid

asked on 03 May 2012

0 answers

92 views

Kendo UI Grid Search functionality

Hi,

I have added kendo UI grid into my project. Further, I want to add search option to the grid in addition to the filtering functionality.
Is that search functionality supported by the Kendo UI grid? or else do I need to add or create a separate Search control to it?
Please help me on this.

Thanks ,

Niluka

Grid

asked on 03 May 2012