Questions on Kendo UI for jQuery Forum

7 answers

757 views

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

205 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

746 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

113 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

102 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

158 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

287 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

240 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

100 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

4 answers

255 views

Progressbar "like" chart

I want to use the chart to display a progress bar inside of a grid (the cool new start animations inspired me)

So like I know the user is AT 33, 46 is the number to be completed...how can I display that in a horizontal bar?

Charts

answered on 07 Apr 2012