Questions on Kendo UI for jQuery Forum

1 answer

175 views

Manipulate selected data point (marker) on line chart

Hello,

I'm using the series.type="line" chart. I was wondering if these are possible?

If someone clicks on a data point (marker), I was wondering if you can manipulate the colour, size, etc. The only way i could do this was by changing the properties in the DOM element itself, but then when i hover to a new point, the selected data point reverts back to the default settings. Is there no way to change colours and sizes of each data point or does it have to be a standard throughout the entire chart.

Thanks.

Charts

answered on 13 Aug 2012

5 answers

532 views

Error thrown when editing data from read-only remote source

I'm fetching data form a remote source using the DataSource transport.

The remote is read-only, so I only specify the read-object in the transport, like so:

transport: {

read: {

data: {

f:'getOrderSuggestion'

}

The data is to be edited locally in a Kendo Grid and then posted manually to another server.

The problem is, as soon as the user finishes editing a row, the Grid tries to persist the changes. The sync()-method of the DataSource is called and crashes when the RemoteTransport object crashes as it tries to fetch for the update method, which does not exists.

The error:

Uncaught TypeError: Cannot read property 'data' of undefined kendo.web.js:5038
1. Class.extend.setupkendo.web.js:5038
2. Class.extend.updatekendo.web.js:5025
3. Observable.extend._promisekendo.web.js:5339
4. f.extend.Deferredjquery.min.js:2
5. Observable.extend._promisekendo.web.js:5338
6. Observable.extend._sendkendo.web.js:5365
7. Observable.extend.synckendo.web.js:5265
8. Widget.extend.saveRowkendo.web.js:17569
9. Widget.extend.editRowkendo.web.js:17411
10. f.event.dispatchjquery.min.js:3
11. f.event.add.h.handle.ijquery.min.js:3

The code (from the GPL-version of Kendo UI):

var Remote Transport = Class.extend({

// ....

// Other stuff

// ....

setup: function(options, type) {

options = options || {};

var that = this,

parameters,

operation = that.options[type], // <<<----- undefined if transport.update isn't defined and update is called

data = isFunction(operation.data) ? operation.data() : operation.data;

options = extend(true, {}, operation, options);

parameters = extend(data, options.data);

options.data = that.parameterMap(parameters, type);

if (isFunction(options.url)) {

options.url = options.url(parameters);

}

return options;

}

});

Is there any way of making the DataSource fetch remote data, but edit only locally?

Data Source

answered on 13 Aug 2012

0 answers

217 views

Populate list view

Hi, I am new to Kendo UI. I want to populate a listview from JSON object. My JSON obj has image and image name. I want to display image and it's name under that. Where should I start ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Applicatios:</title>

<script src="../lib/script/jquery-1.7.2.min.js" type="text/javascript"></script>

<script src="../lib/script/jquery-1.7.2.js" type=""></script>

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

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

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

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

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

</head>

<body>

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

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

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

</div>

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

<div class="product">

<img src="../../${image}.png" alt="" />

<h3>${name}</h3>

</div>

</script>

<script type="">

$(document).ready(function ()

{

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "images_json.txt",

dataType: "json"

}

},

schema: {

data: "results"

}

});

$("#pager").kendoPager({

dataSource: dataSource

});

$("#listView").kendoListView({

dataSource: dataSource,

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

});

</script>

</div>

<style type="">

.product

{

float: left;

width: 270px;

height: 110px;

margin: 10px;

padding: 5px;

}

</style>

</body>

</html>

Appreciate your help.
Thanks.

ListView

asked on 13 Aug 2012

1 answer

134 views

HierarchicalDataSource _flatData dont'work

Hi:

productsSource = new kendo.data.HierarchicalDataSource({
data: [
{ text: "Furniture", id:"1", items: [
{ text: "Tables & Chairs", id:"11"},
{ text: "Sofas", id:"12"},
{ text: "Occasional Furniture", id:"13"}
] },
{ text: "Decor", id:"2", items: [
{ text: "Bed Linen", id:"21"},
{ text: "Curtains & Blinds", id:"22"},
{ text: "Carpets", id:"23"}
] }
]
}),

only return:

text: "Furniture", id:"1"
text: "Decor", id:"2"

then:

getByUid don't see

{ text: "Tables & Chairs", id:"11"},
{ text: "Sofas", id:"12"},
{ text: "Occasional Furniture", id:"13"}

{ text: "Bed Linen", id:"21"},
{ text: "Curtains & Blinds", id:"22"},
{ text: "Carpets", id:"23"}

thank's

TreeView

answered on 13 Aug 2012

5 answers

250 views

Panelbar Child Row Size

Does anyone now of a way to increase the row height of child elements in the panelbar? I have found that increasing the font size does increase the row height but long strings end up wrapping and this is not what I want.

Thanks,
Casey

PanelBar

answered on 13 Aug 2012

2 answers

236 views

[Solved] Handling completion of LoadContentFrom()

After loading the HTML content of a Kendo().Window() from the server, I'd like to call a JavaScript function to set up event handlers for DOM elements in the content. I don't see an event definition for the completion of LoadContentFrom(). What's the best way to go about doing this?

Thanks,

--Ravi

Window

answered on 13 Aug 2012

0 answers

193 views

Hierarchical Data Source & TreeView Templates?

Do Hierarchial Data Sources & Templates work well together? Would it be possible to get an example of such a thing?

Hierarchical Data Source

asked on 13 Aug 2012

1 answer

133 views

Area chart without left and right margins

Hi

Is it possible to have an area chart without the gaps to left and right of the chart area? (see image attached)

Charts

answered on 13 Aug 2012

0 answers

231 views

Dynamically created combobox issues

Hi everyone.

I have an issue with some comboboxes which I create dynamically inside a template for a listview.

I need to be able to get the value of the combobox when a button is clicked and use that value to update my datasource. My problem is that I cannot isolate the combobox in order to get the data.

Can someone please have a look at my code and give me some ideas??

Template:

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

<h3 class="item-title">${Name}</h3>

<p class="item-info">Status: ${Status}</p>

<select data-role="comboBox" id="select#:id#" >

<option value="Pending">Pending</option>

<option value="Delivered">Delivered</option>

<option value="Damaged">Damaged</option>

<option value="Refused">Refused</option>

</select>

<a data-role="button" data-item-id="#:id#" data-click="saveChanges" class="details-link">Save Changes</a>

I have no problem getting the dataItem from the button click (var button = e.button). Is there no way to get the combobox in a similar fashion? (var combo = e.comboBox)? I have tried everything I can think of and nothing seems to be working.

Button Click: (This must get the combobox value/text)

function saveChanges(e) {

var button = e.button,

item = packageDataSource.get(button.data("itemId"));

console.log(item);

}

General Discussions

asked on 13 Aug 2012

0 answers

212 views

how to pass an array using parameterMap to controller

hi,
I want to pass an array from view to the controller using parameterMap as shown below
parameterMap:
                        function (data, options) {
                            if (options === "read") {
                                val = sessionStorage.getItem("value");           // contains array
                                return kendo.stringify(val);

                            }
                        }
but i am not able to retrieve those values in the controller.can u tell me how to pass an array from view to the controller using parametermap.

Data Source

asked on 13 Aug 2012