Questions on Kendo UI for jQuery Forum

1 answer

132 views

Get dataSource data without using template

I'm attempting to get the data from a DataSource and loading that data into an array to send to a PHP page to export to XLSX.

I've pored over the documentation, and all I see are references to use view() as part of loading data into a Kendo widget.

How can I just read the contents of the data so I can pick out the fields I need?

A "Walkthrough" section for DataSource might help.

Data Source

answered on 09 Apr 2012

5 answers

479 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

733 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

194 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

720 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

102 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

88 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

150 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

268 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

224 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