Questions on Kendo UI for jQuery Forum

1 answer

613 views

Here below is my code. How do you get the primay key value. I can see the correct field in the debugger under
this._data._key.ID=3 this is correct, I just need some help getting that value. I have searched the forums but couldn't find a working example

Thanks.

function BindData (myArray){

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: {

data: myArray,

pageSize: 10

},

change: onChange,

selectable: "multiple",

navigatable: true,

groupable: true,

sortable: true,

pageable: {

refresh: true,

pageSizes: true

},

columns: [ {

field: "firstname",

width: 90,

title: "firstname:"

},

{

field: "lastname",

width: 90,

title: "lastname:"

}

]

});

}

function onChange(arg) {

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

return $(item).text();

});

;

sources.people.select(1)

kendoConsole.log("Selected: " + selected.length + " item(s), [" + selected.join(", ") + "]");

}

Grid

answered on 07 Sep 2012

2 answers

376 views

inline editing - change default command text

Hi,

I want to change the default text for update and cancel commands when inline editing (edit and destroy commands are not problem). How can I do that?

Also, is it possible to have both inline and popup editing in the same row (but with different commands) ?

Thanks

(sorry for my bad english:)

Grid

answered on 07 Sep 2012

1 answer

114 views

Delete selected nodes iterating the nodes

I have a treeview like this structure
A
1
2
3
B
4
5
6

When I select 1, and 2 and click on delete button, the nodes should be deleted. Please suggest me. Thank you.

TreeView

answered on 07 Sep 2012

1 answer

77 views

call custom method just after stretch the column width

Hi,

I have scenario when we stretch the column width, I want to call a custom method just after stretch complete. That method should reapply the ellipsis (call the plug in ) for long text. How can I achieve this functionality? I have created a fiddle for this with link http://jsfiddle.net/ravisingh/dWbeP/34/

Grid

answered on 07 Sep 2012

4 answers

414 views

AJAX dataSource not working

This is my code in c#:
public JsonResult SearchRolResults()
{
var rol = new Rol { Name = "RolAjax", Domain = "WAF", Id = 123456789 };
return this.Json(rol);
}

My code in JS adn HTML:

<ul id="add_window_listview"></ul>

$("#add_window_listview").kendoListView({
dataSource: {
transport: {
read: {
url: "/Person/SearchRolResults",
type: "GET",
dataType: "json",
contentType: 'application/json; charset=utf-8'
}
}
},
template: "<li>${Name} (${Domain})</li>"
});

The C# ActionMethod is called but the listview not populate !!
How i can debug this scenario??
How i can view the dataSource in debug mode?? (I use chrome now)

Thanks.

ListView

answered on 07 Sep 2012

1 answer

470 views

how to add a button to open a modal window on a Listview

HI :
I'm new on Kendoui, I have searching for a couple of days and I getting crazy, can someone help me to know how can I add a button, on each element of a Listview (PHP/Json) result, to open a modal window, where the customer can enter his reservation information, as Date, Adults and Childrens, here is my JavaScript code:

<script>

$(document).ready(function() {

var dataSource = new kendo.data.DataSource({

pageSize: 8,

transport: {

read: "tours_lista.php",

dataType: "jsonp"

},

schema: {

data: "data",

total: "data.length"

}

});

$("#pager").kendoPager({

dataSource: dataSource,

});

$("#listView").kendoListView({

dataSource: dataSource,

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

});

</script>

Here is my HTML code :

<div id="intro" >

<H3>TOURS</H3>

<div id="listView"></div>

<div id="pager" class="k-pager-wrap"></div>

<script type="text/x-kendo-tmpl" id="template">

<div class="product">

<a class="t-link" href="inicio.php?action=detalle&tourid=${recid}"><img src="controlc/test/${main_pic}" title="Ver detalles de ${tit_esp}" /></a>

<h3>${tit_esp}</h3>

<dl>

<dt>Adulto: </dt>

<dd>$ ${rate_adult}</dd>

<dt>Niño: </dt>

<dd>$ ${rate_child}</dd>

</dl>

<div style="text-align:right;float:right;border:0px solid red;padding-top:7px;padding-left:5px;width:250px;height:30px;">

</div>

</script>

</div>

Attached is an image that explain a little mor what I need to do. In advances, thank you !!

Hector

ListView

answered on 07 Sep 2012

0 answers

32 views

Can't see my data - custom column for viewing records too.

Hi,

Cant see why this project isn't showing any data in my grid ? (bin folder removed due to size constraints)
Can anyone advise ?...

Thanks - Paul.

Grid

asked on 07 Sep 2012

2 answers

213 views

Best mobile emulator?

Hello everyone!

What's the best mobile emulator either as a "Standalone" or Browser plugin? What do you use to test your mobile app against Android and iPhone simulation?

Thanks!

General Discussions

answered on 07 Sep 2012

0 answers

83 views

Kendo Grid Tag All

Hi,

Kendo Grid Tag All, Just Tags the records of the Current Page.... It doesn't Tag all the Records...

i.e Suppose paging is enabled for a Kendo grid (per page 25 records and we have 250 records overall). Now if we click on a button tagAll, It just Tags the records in page 1 (25 records) not all the 250 Records....
How to overcome this scenario.

Currently... paging is done on client side... can the above issue be resolved using server side paging.. If yes, then how can we Implement a server side kendo grid paging along with tagging/Untagging all records.

Thanks in Advance

Grid