Questions on Kendo UI for jQuery Forum

3 answers

111 views

alogrithm for ticks being generated (or not)?

I have this:

        $("#priceRange").kendoRangeSlider({
            min: 0,
            max: 1000000,
            largeStep: 500000
        });

Ticks are not generated, they are if using default values, everything else constant. The above example should generate the same number of ticks, just that their underlying value is different.

Thanks.

Slider

answered on 09 Apr 2012

1 answer

148 views

Displaying Aggregate information when group-by collapsed

I have a grid that correctly displays my aggregate information in a groupFooterTemplate, but it only shows this information when the section of the group-by is visible (not collapsed).

Is there a way to display the aggregate information in a template that shows when that section is collapsed?

Grid

answered on 09 Apr 2012

2 answers

421 views

undefined with using AJAX functionality

I am trying to load a page using AJAX, then display that page in a kendo window when a button is clicked. However, the center() and open() functions do not work as the object is undefined. When omitting 'content' from the declaration the window shows ok. There is a div in the html with an id "window".

<script type="text/javascript">

$(document).ready(function () {

var window = $("#window");

if (!window.data("kendoWindow")) {

window.kendoWindow({

actions: ["Refresh", "Maximize", "Minimize", "Close"],

content: "/ReportType/Create",

title: "Create a New ReportType",

modal: true,

visible: false

});

}

});

$("#createButton").click(function () {

var window = $("#window").data("kendoWindow");

window.center();

window.open();

});

Window

answered on 09 Apr 2012

1 answer

169 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

524 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

781 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

239 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

787 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

130 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

116 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