2 answers

180 views

Hierarchy support in Grid - treelistview

Is there any plan to implement something like the Silverlight RadTreeListView in the kendo suite?

The kendo tree is nice, and the kendo grid is cute, but every single Silverlight app I've built over the past 3 years has used the RadTreeListView. My customers are now demanding html solutions instead of Silverlight, but they are still giving me functional specifications that require the functionality of a TreeListView control. I am reluctant to roll my own...

Do you have any plans to add hierarchical support in the grid, or tabular support to the tree?

Grid

answered on 17 Sep 2013

1 answer

157 views

Mobile Application and SPA Router

Hello,

We have developed a mobile application with remote views, where we are navigating between pages using app.navigate. I am now experimenting with the Router and want to set up a route for, say, '/things/:thingId' which displays the remote view 'views/thing-detail.html' for the correct thing (so we can address that particular page from an email, for instance). My code for the route set up is as follows:

application.router.route( "/things/:thingId", function ( thingId ) {

var store = application.managedContext.getEntityStore( "things" );

store.find( thingId ) // potentially async call which returns a promise to return a thing

.done( function ( thing ) {

application.kendoApplication.navigate( "views/thing-detail.html" );

application.views.thingDetailViewModel.setSelectedThing( thing );

});

This works, but when kendoApplication.navigate is called the URL is updated to #views/thing-detail.html, which is not what I want to happen (I want it to stay as /thing/123). In the SPA examples I have read, the views and layouts are constructed programmatically. If I want to use the router in this way, will I have to do the same, or is there a way to have the Router and Mobile Application work together (or am I going about this the wrong way!)?

Application

answered on 17 Sep 2013

4 answers

212 views

Error in Kendo.Web.min.js when loading Data in SchedulerCannot call method 'getTime' of undefined

Hello,

i am evaluating your kendo Ui controls for an web project and got an error while loading data in the kendo scheduler.
i attached a file of the error stack from chrome to this

this is my javascript file

function showCalendar(userID) {

var apiUrl = "/svc/pimapi/calendar/" + userID;

$("#scheduler").kendoScheduler({

time: "Europe/Berlin",

views: ["week", "day", "month"],

height: 600,

dataSource: {

type: "json",

transport: {

read: { url: apiUrl }

},

schema: {

data: "ResponseItems",

model: {

fields: {

Title: { from: "Stichwort", type: "string" },

Start: { from: "Terminstart", type: "date" },

End: { from: "Terminende", type: "date" },

Description: { from: "Memo", type: "string" }

}

});

}

some sample data:

{"ResponseItems":[{"Stichwort":"test","Terminstart":"04.09.2013 16:00:00","Terminende":"04.09.2013 16:30:00","Memo":"testtest","Art":"T2"},{"Stichwort":"testtest","Terminstart":"05.09.2013 12:00:00","Terminende":"05.09.2013 13:00:00","Memo":"testetestetst\r\n\r\nPARTY","Art":"T1"}]}

maybe you could help me showing some appointments in my scheduler?

regards
Dominic

Scheduler

answered on 17 Sep 2013

3 answers

550 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

279 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

81 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

108 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

110 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

100 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

344 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 :)

Gauges