3 answers

576 views

Prevent detail button to select row

I have a grid with row selection and detail for each rows, ex:

var grid = $('#myTable').kendoGrid({

selectable: "row",

detailInit: function() { /* load detail items with json ajax request */ },

change: function() {.... }

}).data('kendoGrid');

When I click on the button that shows the details, the change event is also triggered. Is there a way to prevent that?

Grid

answered on 17 Sep 2013

2 answers

294 views

kendo-Grid freeze column

How do i freeze the first columns and header of kendo-Grid in a scrollable mode
?

General Discussions

answered on 16 Sep 2013

0 answers

90 views

screen zoom issue.

Hi, if we use data-zoom="true" then zoom is working fine. but the issue is view is not fixing. screen moving up and down and left and right to fix this if we give view fixed size its not adjusting for all devices iphone and android also..

regards,
sumalatha

General Discussions

asked on 16 Sep 2013

1 answer

114 views

Drag and Drop items to change order

Hi,

I was wondering if there is a way to rearrange the order of items by dragging them? I would like the user to create their own order and then I would like to persist this order and the state (open or closed) of each item in the database. When the user logs in I would like to load the state of the panel bar and display the items in the selected order in the selected state (open and closed)

Currently I am using a third party control to do this, but I would prefer to use Kendo for this functionality. I am trying to phase out the other framework and use Kendo exclusively.

Thank you.

PanelBar

answered on 16 Sep 2013

1 answer

119 views

Grid MVVM bound update form when row select change

Hi,

I'm trying to get an editform working for a MVVM driven grid that gets the data from webapi controller.
I dont want to use the inline and the popup edit function from the grid.
As I'm really new to this mvvm stuff and I currently dont see a way how to do this.

Maybe someone here can help me.

Thanks

Sorry, I have just fund this: http://www.kendoui.com/code-library/web/grid/external-form-editing-for-batch-editable-grid.aspx
which seems to be that what I want to do.

Grid

answered on 16 Sep 2013

3 answers

110 views

Window generated underneath view

Hi,

Upon loading my view, the window I have initiated cannot be seen. Upon using the browser developer tools I can see that the window does exist (class="k-widget k-window").

The code for this view is as follows:

<div data-role="view" data-after-show="aftershow">

<div data-role="header">

<div data-role="navbar">

//nav stuff in here

</div>

<p>Hi</p>

<div id="window">

Content of the Window

</div>

<script>

$("#window").kendoWindow();

</script>

</div>

The screenshot below shows what I see using the browser developer tool:
http://sdrv.ms/17vSVdW

It is worth noting that this view is access remotely, using a drawer. The page loads fine and other kendo ui stuff loads normally.

Any help would be appreciated.

Window

answered on 16 Sep 2013

3 answers

366 views

Update ranges in linear gauge dynamically

I have a Linear Gauge looking like this:

function createGauges(conveyanceId) {

$("#depthBar-" + conveyanceId).kendoLinearGauge({

pointer: {

value: 0,

shape: "arrow",

color: "transparent",

start: 0,

reverse: true

},

scale: {

majorUnit: 500,

minorUnit: 100,

labels: {

visible: false

},

min: -2000,

max: 2000,

vertical: false,

reverse: false,

ranges: [

{

from: -2000, // LimitLo

to: -1500,

color: "#ffc700"

},

{

from: 2000, // LimitHi

to: 1500,

color: "#ffc700"

}, {

from: 2000, // LimitHiHi

to: 1800,

color: "#c20000"

}, {

from: -5000,

to: -1800,

color: "#c20000" // LimitLoLo

}, {

from: 0,

to: 0,

color: "lightblue"

}

]

}

});

Is it possible to update the ranges dynamically with a custom input number?
I'm trying to get the gauge like this: (I'm able to locate the gauge with no problems, it's just the ranges I cannot seem to locate correctly :))

$('#depthBar-' + conveyanceId).data("kendoLinearGauge").options.scale.ranges[4].to = depthMessage;

Any help / suggestions would be greatly appreciated :)

LinearGauge

answered on 16 Sep 2013

1 answer

89 views

Problem with tooltip in RadarLine chart

Hi Everybody, I have a problem with the tooltips in RadarLine charts: when two points fall on the same vertical axis, it only displays the tooltip of upper one, even if I'm over to bottom one. I'm using Kendo 2013.2.716.

This is an example of what I mean:

---------------------------

<div id="RadarChart"></div>

$("#RadarChart").kendoChart({
"chartArea":{"background":"Transparent"},

"title":{
"text":"TITLE",
"position":"top",
"align":"left"},
"legend":{
"visible":false},
"series":[{
"name":"Value",
"type":"radarLine",
"field":"Value"}],
"categoryAxis":[{
"field":"Category"}],
"valueAxis":[{
"labels":{
"template":"#= kendo.format(\u0027{0:P}\u0027, value / 100) #"},
"majorGridLines":{
"color":"#a4a4a4"},
"majorUnit":10}],
"dataSource":{
"schema":{
"model":{
"fields":{
"Value":{"type":"number"},
"Category":{"type":"string"},
"LongCategory":{"type":"string"},
"Color":{"type":"string"},
"Exploded":{"type":"boolean"},
"InLegend":{"type":"boolean"}}}},
"data":[
{"Value":25,"Category":"Top","LongCategory":"Top Top Top Top Top","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Right","LongCategory":"Right Right Right Right Right","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Bottom","LongCategory":"Bottom Bottom Bottom Bottom Bottom","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Left","LongCategory":"Left Left Left Left Left","Color":null,"Exploded":false,"InLegend":false}]},
"tooltip":{
"template":"#= dataItem.LongCategory # - #= kendo.format(\u0027{0:P}\u0027, value / 100) #",
"visible":true}
});

Charts

answered on 16 Sep 2013

5 answers

381 views

One file selection causes multiple instances are created

Hi, I have Kendo with Visual Studio 2012, MVC 3 and IE 8. The upload functionality is not working as expected. See the attached image. The upload control is used in a partial view which is showed as a pop up, and when I select a file to upload, this file is uploaded twice. Could you give me a clue to correct this behavior ?
Thanks !!

@(Html.Kendo().Upload()

.Name("files")

.Multiple(true)

.Events(e => e

.Select("onUploadFileSelect")

.Upload("onUpload")

.Remove("onRemove")

)

.Messages(config => config.Select(Html.RawLocalized(GlobalMessageKeys.Browse).ToString()))

.Async(a => a

.Save("SaveData", "ManageBuilding")

.Remove("RemoveData", "ManageBuilding")

)

Upload

answered on 16 Sep 2013

1 answer

72 views

Schema model fieldname.from not respected

Hi,

I am using a kendo Mobile listview with endless scrolling turned on.
My datasource schema model looks like this (Notice the "from" converting the server side "Title" to client side "title"):

1.fields:

2. {

3. title: { type: "string", from: "Title" },

my sort field is defined like this:

sort: [{ field: "title", dir: "desc"}],

I use odata and perform some parameter mapping like so:

parameterMap: function (parameters, type) {

var params = kendo.data.transports["odata"].parameterMap(parameters, type);

if (type == "read") {

params.format = "json";

params.$expand = allOptions.expand.join(',');

params.$select = allOptions.select.join(',');

params.page = parameters.page;

params.skip = parameters.skip;

params.take = parameters.take;

params.pageSize = parameters.pageSize;

}

return params;

}

During the first request, the order field name is "Title" as it should be, however, loading the subsequent pages (endless scrolling), the order parameter is passed in as "title" and fails the request.

Is this a bug or misconfiguration?

Thanks, Vincent

Data Source

answered on 16 Sep 2013

How do i freeze the first columns and header of kendo-Grid in a scrollable mode ?

How do i freeze the first columns and header of kendo-Grid in a scrollable mode
?