Questions on Kendo UI for jQuery Forum

1 answer

103 views

Hello,
I am trying to familiarise myself with the kendo ui dataSource, I have never before used JSON and have constructed the following using your documentation:

Html:

<!doctype html>

<html>

<head>

<title>Kendo UI Web</title>

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

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

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

<script src="js/kendo.web.min.js"></script>

</head>

<body>

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

<script>

$(document).ready(function () {

var myDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "people.json",

dataType: "json"

}

});

$("#grid").kendoGrid({

dataSource: myDataSource,

columns: [

{

field: "firstName",

title: "First Name"

},

{

field: "lastName",

title: "Last Name"

}]

});

</script>

</body>

</html>

Json File:

{

"people": [

{ "firstName":"John" , "lastName":"Doe" },

{ "firstName":"Anna" , "lastName":"Smith" },

{ "firstName":"Peter" , "lastName":"Jones" }

]

}

The grid doesn't load any data, all I see are the headers.

I have tried this using simply HTML and a JSON file, I have also tried this in Visual Studio.

Any help would be appreciated,
Andrew.

Data Source

answered on 24 Sep 2013

1 answer

178 views

Drop request in progress if a new request comes in

Hello.

We need an option to make the datasource immediately drop the current in-flight data fetch request if another one comes in.

Currently, if the user clicks around several times in a row changing grid datasource parameters too quickly, several requests get fired off, but the grid waits for the very first request to complete before issuing the next one. This makes the user's wait time twice as long and also makes the grid content appear to switch back and forth as requests complete one after another. Very unpleasant effect.

Thank you.

Data Source

answered on 24 Sep 2013

7 answers

455 views

toJSON seems to be implemented incorrectly.

When using the toJSON function on ObservableObject, there is a distinct issue with the way it deserializes.

The way toJSON outputs will yield to this kind of behavior in HTTP Posts.

Name | Value

items[0][Name] | Name 1

items[0][Id] | a

items[1][Name] | Name 2

items[1][Id] | b

This is incorrect, though. It should be coming in like this ...

items[0].Name | Name 1

items[0].Id | a

items[1].Name | Name 2

items[1].Id | b

The way Kendo's toJSON function works will essentially make it completely impossible to send data over the wire, because the values of properties will get stripped away. This is pretty easy to fix, as even the most basic behavior in Knockout does not do this.

This is a pretty egregious problem, as it makes it very difficult and confusing to rely on the tools, because now I know that anything that Kendo's internals use that implements toJSON is completely unsuitable for any kind of method calls.

Is there any chance this can get fixed soon?

General Discussions

answered on 24 Sep 2013

1 answer

159 views

Load items from in memory object array

Is the following supported and if so, how?

If have an in memory object array:

[{
id: 1,
name: "item 1",
parentid: null
},
{
id: 2,
name: "item 2",
parentid: null
},
{
id: 3,
name: "subitem for 1",
parentid: 1
}]

I want the treeview to initially load and display the root items (with parentid null). When a user expands a root node, I want it to display all nodes with that node's id as parentid . I want to be able to build the hierarchy with no limit using this way.

TreeView

answered on 24 Sep 2013

4 answers

447 views

null hyperlink created by ClientTemplate

Hi

I have a Kendo grid, where one of the columns is a text field, which represents an IP address. I have used a client template to create a hyperlink

c.Bound(o => o.AddrIP).Width(120)

.ClientTemplate("<a href='http://#= AddrIP #' target='_blank'>#= AddrIP #</a> ")

This seems to work in principle.

But when a row has no IP address specified, I get a "null" as a string with a hyperlink to 'null'
Strangely, if I use the ClientTemplate format specified by the old MVC extenssions

c.Bound(o => o.AddrIP).Width(120)

.ClientTemplate("<a href='http://#= AddrIP #' target='_blank'><#= AddrIP #></a> ")

I get a set of "<>" around the text (which is probably expected !!), but the "null" hyperlink problem disappears.

Any help to get the proper format would be appreciated

Regards

Achilles

Grid

answered on 24 Sep 2013

4 answers

1.9K+ views

Change text on command dynamically

I would like to have my command button display different text based on the values in the row. I have tried

command: [{

name: "return",

click: myHandler,

template: '#= getCommandText(col1, col2) #'

}]

function getCommandText(c1, c2) {

//return text based on values in this row

}

function myHandler(e) {

//perform actions based on value in row

}

But the command's template call doesn't seem to be aware of values in the row like field columns do.

I suppose another alternative would be to have multiple commands in a column, and hide certain ones based on the values in the row, but I am not sure how to do this either.

Thanks,
~S

Grid

answered on 24 Sep 2013

1 answer

110 views

Add confirmation pop-up when re-sizing the event and cancel changes

Hi,

Does anybody know how can I add a confirmation pop-up on re-size event, and cancel changes when the user click cancel button?.
The sample scenario is like this:

when the user resize an event/schedule, a pop-up window will display with a message saying.. "Re-sizing this event will update the time range." with a two button which is "Ok" and "Cancel".
So, when the user click "Ok" re-size will do his function as default which update the event/schedule
else, if the user click the "Cancel", re-sizing of event/schedule will be cancelled.. means cancel any changes to the schedule.

I know how to pop-up the window.. but I can't figure it out how to cancel changes when user click the "Cancel button".

Thanks.

Regards,
Jesson

Scheduler

answered on 24 Sep 2013

1 answer

84 views

No support for the optgroup tag?

This is probably more a request than a bug.

I'm using the <optgroup> tag to group the options in my select. The MultiSelect widget converts them to "undefined" items. Is the optgroup tag supposed to be supported? If not, could it be in the future?

Thanks

MultiSelect

answered on 24 Sep 2013

1 answer

304 views

not clickable items in a ComboBox control

Hi,

I need to make some of the items in the combobox to act like headers, therefore I need them to be not clickable, is this possible?

I'm planning in using templates for both the headers (no clickable) and the children elements (the clickable options)

Thank,
Ignacio

ComboBox

answered on 24 Sep 2013

1 answer

308 views

redirect- url issue

hello
in my complete mobile web app i got the same problem wenn redirecting to a new site with click on a button

example:
iam on site: www.host.org/home/index
and i want to: www.host.org/mail/inbox

on click the button redirects to correct site but the url is now www.host.org/home/index#/mail/inbox

its no big thing, main features are still working, but i ran into some update and refresh issues. for example: after a redirect and creating of a this kind of a monster url badges on buttons are no longer displayed. even refresh don let them appear. only tiping the correct url fixes it.
i also have problems with login and out becouse of this kind of url

example for a button :
<a data-role="button" href="/projekte/index"> <img src="~/Content/images/icons/48x48/projekte48.png" /> Projekte </a>

or my "login button"
<a data-click="login" id="modalview-login-button" type="button" data-role="button">Login</a>
<script>
//...

$.ajax({
        type: "POST",
        url: webMethod,
        data: parameters,
        contentType: "application/json; chaset=utf-8",
        dataType: "json",
        success: function (data) { if (data.Success) { app.navigate("/home/index"); closeModalView(); } }
    });

//...
</script>

Button (Mobile)

answered on 24 Sep 2013