Questions on Kendo UI for jQuery Forum

1 answer

158 views

Hi,
I have a listview that contains anchors in a template.

template: "<a href='details.aspx?id=${data.id}'>${data.subject}</a>"

I know that you can trap the "click" event & I want to be able to trap the event to see if the id event is -1 and stop the transfer.

Is there a "canel" property or is there another way to stop the transfer to another page on a certain condition?

regards
Roger

ListView

answered on 19 Mar 2012

4 answers

325 views

dropdownlist position offset

hi,while i'm using dropdownlist,the li element offsets in chrome.

DropDownList

answered on 18 Mar 2012

0 answers

116 views

[2012.1.229] Can't get a two grid master/detail working (XML data)

I'm having no success trying to get a simple master detail 'toy' working.

Couldn't figure out how to use jsFiddle /echo/xml to emulate multiple XML requests, so I put the toy on my website.

devenezia-dot-com/kendo/norows.html

Hope you can help, this is a nasty roadblock for me right now :(

... Part of the roadblock was uncovered ...
I used autobind: instead of autoBind: (Sure would be nice if jquery.extend had a sanity option/warning for properties that are caselessly congruent). So now I can select the first two items, and the third takes the detail grid into lala land because there are no detail rows to display.

Grid

asked on 17 Mar 2012

7 answers

274 views

Bug in calendar

It's quite simple: If you're go back from January, the calendar jumps back to November instead of December. This happens on your online demos as well. (At least with Chrome, but I don't think this is a browser problem and I don't have time to try another one)

DatePicker

answered on 17 Mar 2012

0 answers

94 views

Testing with XML data

For testing purposes (and fiddling) having with a string containing XML would be easier.

var myXmlData = '
<TABLE>
<STORES>
<store> 1004 </store><CITY> Houston </CITY><STATE> TX </STATE><ZIP> 77065 </ZIP><WIDTH> 100 </WIDTH></STORES>
<STORES>
<store> 1031 </store><CITY> MCALLEN </CITY><STATE> TX </STATE><ZIP> 78503 </ZIP><WIDTH> 100 </WIDTH>
</STORES>
<STORES>
<store> 1043 </store><CITY> Selma </CITY><STATE> TX </STATE><ZIP> 78154 </ZIP><WIDTH> 100 </WIDTH>
</STORES>
<STORES>
<store> 1044 </store><CITY> San Antonio </CITY><STATE> TX </STATE><ZIP> 78230 </ZIP><WIDTH> 100 </WIDTH>
</STORES>
</TABLE>';

Is there a way to coerce DataSource to use myXmlData as the 'read'

Data Source

asked on 17 Mar 2012

1 answer

248 views

Loading Indicator

Is there a loading image/indicator that I can use when the page is loading or when I'm populating controls via ajax calls? I thought I saw one on the nav bar on my Android phone when viewing your demos.

Thanks!

General Discussions

answered on 16 Mar 2012

0 answers

107 views

How can I change chart data, categoryAxis and Series info on the fly

Ok, so I have a kendoWindow with a chart in it. I have a drop down list atop the window which represents different charts I may want to see. I can change the data on the chart using the myChart.dataSource.data(myData) method just fine. However, sometimes my data has different series and Category Axis info. How can I update those also?

Charts

asked on 16 Mar 2012

1 answer

133 views

bug sharing datasource between two grids

Although two grids can share data items from a single data source, I ran into problems when I created a hierarchy of data, the secondary grid would show an array on the first grid's data item. This wasn't a problem before I started using the beta, so I am guessing it has something to do with the arrays on the data items becoming observable objects.

I encountered too odd bugs.
1. editable:false on the schema was ignored in the secondary grid.
2. Any cell that is empty on the secondary grid could not be edited.

Here is an example:
http://jsfiddle.net/egrubbs/H6dAW/7/

I solved the problem by just creating a new array with just the necessary values taken out of the Observable objects. I would really appreciate it if the grid would give me an error when the datasource won't work with it.

Grid

answered on 16 Mar 2012

1 answer

165 views

How can we Configure the ComboBox within the Grid.

Hello,

I would like to know, how can we place comboBox within the Grid cell.

Please look at the codes

<!DOCTYPE html>

<html>

<head>

<title></title>

<script src="js/jquery.min.js"></script>

<script src="js/kendo.all.js"></script>

<link href="css/kendo.common.css" rel="stylesheet" />

<link href="css/kendo.default.css" rel="stylesheet" />

</head>

<body>

<div id="example" class="k-content">

<div id="grid"></div>

<script>

$(document).ready(function (){

dataSource = new kendo.data.DataSource({

transport: {

read:{

url: "http://localhost/kendo-prac/data/employees.php",

dataType: "jsonp"

},

update: {

url: "http://localhost/kendo-prac/data/update.php",

dataType: "jsonp"

},

destroy: {

url:"http://localhost/kendo-prac/data/delete.php",

dataType: "jsonp"

},

parameterMap: function(options, operation) {

if (operation !== "read" && options.models) {

return {models: kendo.stringify(options.models)};

}

},

batch: true,

pageSize: 10,

schema: {

model: {

id: "ID",

fields: {

Name: { editable: false, nullable: false },

Title: { editable: true, nullable: false },

URL: { editable: true, nullable: false },

FTP: { editable: true, nullable: false },

Status: { type: "string", editable:false},

Remarks: { editable: false, nullable: false }

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

navigatable: true,

pageable: true,

height: 650,

scrollable: true,

sortable: true,

toolbar: ["save", "cancel"],

columns: [

{ field: "Name", width: "60px" },

{ field: "URL", width: "350px" },

{ field: "Title", width: "150px" },

{ field: "FTP", width: "150px" },

// { field: "Date", width: "150px" },

// { field: "Status", width: "100px" },

{field: "Status", width:"150px", template: function(container, options) {

$('<input name="' + options.field + '"/>').appendTo(container).kendoComboBox([

{text: "Item1", value: "1"},

{text: "Item2", value: "2"}

]);

}

},

{ field: "Remarks", width: "50px",template:('<a href="http://www.xyz.com?eid=#=ID#" target="_blank">#=Remarks#</a>')},

{ command: "destroy", title: "Delete", width: "100px" }],

editable: true

});

</script>

</div>

</body>

</html>

We just want to implement the comboBox, grid can also update the data onchange of combobox. I tried to implement it on this style (please look below.), Using this code we can not able to update or save the data into database.

template: ('<select id="combobox" name="Status"/><option value="#=Status#">#=Status#</option><option value="Added">Added</option><option value="Rejected">Rejected</option></select>')

And it also not same as Kendo ComboBox. Please provide me some information about this.

Thanks

Pps

Grid

answered on 16 Mar 2012

1 answer

332 views

ComboBox in in-line editing in Grid

Hi All,

Does anyone here successfully tried in in-line editing where combobox is used?

Thank you

Grid

answered on 16 Mar 2012