Questions on Kendo UI for jQuery Forum

5 answers

484 views

Done event for dataSource.sync

Hi forum:
How can I know when dataSource.sync has completed?
Kind Regards
Oscar.

Data Source

answered on 09 Apr 2012

7 answers

740 views

ListView and MVVM

Hello,

I'm trying to bind the Kendo UI Mobile ListView to a datasource in a viewmodel :

HTML :

<ul id="projectsListView" data-role="listview" data-style="inset" data-template="list-template" data-bind="source: projects">

</ul>

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

<strong>#: Number #</strong> - #: Object #

</script>

Javascript :

var viewModel = kendo.observable({

projects: new kendo.data.DataSource(

{

type: "odata",

transport: {

read: url

}

})

});

kendo.bind($("#projectsListView"), viewModel);

But, it doesn't work, the content of my listview is :
function Number() { [native code] } - function Object() { [native code] }

What am I doing wrong ?

Cordially,
Kakone.

ListView (Mobile)

answered on 09 Apr 2012

1 answer

195 views

can't trigger grid refresh (upon change event in different widget)

Hi Ken-Do's,

I am still quite new with Kendo, so please bear with me ; )
Right now, I am trying to force a grid to refresh with a new datasource url set by a different widget (a dropdown, but it shouldn't matter).
The event is triggered, the var is set, but the grid doesn't refresh, anyone got an idea?

The source is attached and also viewable live here:
trinamic.com/psearch

Kind regards, Ubbo

<!doctype html>

<html>

<head>

<title>Parametric Search</title>

<script src="source/js/kendo.all.js"></script>

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

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

<link href="styles/examples.css" rel="stylesheet"/>

<link href="styles/examples-offline.css" rel="stylesheet"/>

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

<link href="source/styles/kui_tmc.css" rel="stylesheet"/>

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

<script src="source/js/kendo.core.js"></script>

<script src="source/js/kendo.fx.js"></script>

<script src="source/js/kendo.popup.js"></script>

<script src="source/js/kendo.data.js"></script>

<script src="source/js/kendo.list.js"></script>

<script src="source/js/kendo.dropdownlist.js"></script>

<script src="source/js/kendo.draganddrop.js"></script>

<script src="source/js/kendo.resizable.js"></script>

<script src="source/js/kendo.splitter.js"></script>

<script src="source/js/kendo.draganddrop.js"></script>

<script src="source/js/kendo.slider.js"></script>

<script src="source/js/kendo.all.js"></script>

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

<script src="source/js/console.js"></script>

<script src="content/shared/js/console.js"></script>

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

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

</head>

<body>

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

<h2>Parametric Search</h2>

<input id="motor" />

<div id="results"></div>

<script>

var exturl = "http://trinamic.com/psearch/read_do.php?motor=bldc";

$(document).ready(function() {

$("#motor").kendoDropDownList({

dataSource: new kendo.data.DataSource({

data: [

{

text: "BLDC"

},

{

text: "Piezo"

}]

}),

change: function(e) {

exturl = "http://trinamic.com/psearch/read_do.php?motor=piezo";

alert(exturl);

},

close: function(e) {

// get a reference to the grid widget

var regrid = $("#results").data("kendoGrid");

// refreshes the grid

regrid.refresh();

alert('closed');

}

});

$("#results").kendoGrid({

dataSource: {

transport: {

read: {

url: exturl,

dataType: "json"

}

},

height: 250,

scrollable: false,

sortable: true,

filterable: true,

pageable: false,

columns: [

{field: "name",title: "Name"},

{field: "type",title: "Type"},

{field: "motor",title: "Motor"},

{field: "link",title: "Link"}

]

});

</script>

</div>

</body>

</html>

Grid

answered on 09 Apr 2012

2 answers

723 views

Node path

Hi Guys,

Is there any way to get a selected node path from the TreeView?

What I am trying to do is to implement a 'select' event handler:

$('#myTreeView').kendoTreeView({

select: function(data) {

//DO Something

//DO Something else

var path = GetNodePath(); //Implementation needed

publishEvent("MyItemActivated", path); //pseudocode

}

});

Ideally I would like to get an array of all the parents all the way up to the root of the tree.

How would I do it?

Cheers,
Alexey.

TreeView

answered on 08 Apr 2012

2 answers

106 views

ASP.Net AJAX Scheduler

I'm in the process of creating a mobile app using the radscheduler but Kendo sounds great. Is there any way I can marry the two together?

General Discussions

answered on 08 Apr 2012

2 answers

97 views

Single Plugin js file for all plugins

I downloaded KendoUI Web. it has one file per plugin, How can I download one single file for all plugins so I dont have to worry about which one to reference.

General Discussions

answered on 08 Apr 2012

0 answers

152 views

Horizontal scroller

I have two regions on page, which requires scrolling: one vertical and one horizontal

<div id="prod-desc">

<label>Description</label>

<div class="desc" data-role="scroller">@Model.desc</div>

</div>

<div id="prod-disc-row">

<ul data-role="scroller">

<li class="get"> </li>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

</ul>

</div>

Styles as following:

#prod-desc .desc{ height: 110px;overflow-y: auto;font-size: 12px;margin: 10px 0 0 0;font-weight: normal !important}

#prod-disc-row{overflow-x: auto;width: 320px; height: 90px;border-top: 2px solid #6b6b6b;background-color: #fff;position: absolute;left: 0;top:335px}

#prod-disc-row ul{width: 390px}

When only ul tag has data-role="scroller" - it works fine and i can scroll it left-right with touch. But if both of them defined as "scroller" - only vertical scroll on div.desc working.

Any ideas?

Serge

P.S. scroller on div#prod-disc-row solve the problem.Request cancelled ;-)

General Discussions

asked on 07 Apr 2012

1 answer

273 views

Examples back end

Could someone please tell me what back end service type you are using for your examples. I am trying to get some full crud operation examples working with a simple oData Service and am not having much luck. I am particularly interested in the grid example at:

http://demos.kendoui.com/web/grid/editing.html

I've made the changes to our oData Service as per:
http://archive.msdn.microsoft.com/DataServicesJSONP

What is you best of Breed recommendation for the back end to support your framework. I am happy to build it from scratch to support these widgets. There seems to be several workarounds and hacks to get it to work with oData ?

Thanks
John

Data Source

answered on 07 Apr 2012

2 answers

227 views

Static sized PanelBar?

Whenever I click on a panelbar heading (even in the demo: http://localhost/test/examples/web/panelbar/index.html) the panelbar resizes itself (shrinks & expands depending on the number of child elements). Is there a way to make the panelbar a static height?

PanelBar

answered on 07 Apr 2012

0 answers

95 views

exposing upload percentage

is there a way to get the upload progress using the API? I would like to know the percent done and if possible the bytes sent. I found in the source the _onFileProgress method but it is private.
Thank you

Upload

asked on 07 Apr 2012