Questions on Kendo UI for jQuery Forum

5 answers

164 views

tooltip render problem ?

I have some problem with tooltip at then end of chart or is it problem ?

Charts

answered on 09 Apr 2012

0 answers

106 views

Possible to page the grid without knowing the count

You don't want to get the count of rows from the database if you dont have to. My question is if it's possible to do the paging without this count in the Kendo grid?

I deviced a system for this in my own grid. It worked by the grid asking to fetch page 1 and 20 rows. You would then ask the database for 21 rows. If you got 21 rows you know you have at least another page. When the user clicks page 2 you ask the database for rows 20 to 41 and so on.
That way you don't have to potentially send a resource intensive count (In case of say, user find with a lot of users) to the database.
The downside is that users can't jump between pages further than they have already asked for but normaly people give up after going a few pages down and if they need to go further they should/could specifiy their search more.

Is this something that is possible to do in the current grid?

Grid

asked on 09 Apr 2012

0 answers

118 views

For selecting Multiple Items from ListView

help me for multiselect....

ListView

asked on 09 Apr 2012

3 answers

106 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

133 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

402 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

153 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

515 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

770 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

230 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