Questions on Kendo UI for jQuery Forum

2 answers

467 views

Previously I had been configuring my DataSource with an ObservableArray initialized with an empty array, like:

dsData = new kendo.data.ObservableArray([]);
ds = new kendo.data.DataSource({

data: dsData
});

With the newest nightly builds, this results in a "ghost" item in the DataSource with all undefined values.

Just passing the DataSource an empty array fixes the problem but is what I was doing wrong and is it effectively the same as what I'm now doing?

Data Source

answered on 25 Apr 2012

7 answers

828 views

[Solved] Grid scroll height bug?

If I set scrollable and set the height, it puts the height on the "k-grid k-widget" element, but then the SAME value on the "k-grid-content" child item.

So shouldn't ...k-grid be the height, but the k-grid-content be (k-grid - k-grid-header)?

Grid

answered on 25 Apr 2012

8 answers

313 views

container for images

I am trying to create a sample that will look like the instagram and I can do this statically as follows:

<div data-title="images" data-role="view" id="index" data-url="/" data-layout="default" data-model="ImageViewModel" data-init="initImageView">

<div id="container">

<img src="http://pierre.chachatelier.fr/programmation/images/mozodojo-mosaic-image.jpg" />

</div>

</div

>



now this produces the look that I want (see attached file) with each image side by side and N fit on a row according to the width of container. of course this is more than crude as I am not using the VM but cannot see how to use one of your containers that allow using data-binding and MVVM. All the List want to put each image on its own line. This is pretty easy in Sencha Touch as they have dataview container which u seem to be missing.



Thanks

General Discussions

answered on 25 Apr 2012

3 answers

190 views

Batch Edit Grouped Data

Hi there,

It looks like I can't setup batch editing with a Grid/DataSource with grouped data. When it calls Grid._modelForContainer(container) which calls DataSource.getByUid(id) it does not return any values even though the uid is valid. It looks to me like getByUid does not handle grouped/nested data. When I step into the loop in the code below the data object has 2 items at the top level which are groups and then each of those has an array of items which are the data items inside that group.

getByUid: function(id) {

var idx, length, data = this._data;

for (idx = 0, length = data.length; idx < length; idx++) {

if (data[idx].uid == id) {

return data[idx];

}

Is there something I should be doing differently on the grid/datasource setup to make this work as I expected it to?

Thanks!
Matt

Grid

answered on 25 Apr 2012

3 answers

233 views

Get column names from C# view

Can I use attributes on each property in my C# view (class) and just have the Kendo Grid use that text for the column titles?

Thanks,
Jay

Grid

answered on 25 Apr 2012

2 answers

156 views

[Solved] input widget with an icon

i'm trying to create an input widget similar to a datepicker. It should have an icon. When its clicked it should show a window popup (rather than a calender).

can anyone point me to a good example.
thanks
kashim

General Discussions

answered on 25 Apr 2012

0 answers

48 views

Simple problem with <form> tag

Hi,

I'm porting a simple Energy cost calculator made in Javascript.
When i use the <form> tag Kendo UI isn't correcly displayed. This simple tag ins't supported or im wrong?

How can i fix this code to work with kendo ui? how can i access to my fields

 watts, hours and how to call the javascript function?

<div data-role="view" id="forms" data-title="Calculadora de Consumo" data-layout="layout" data-transition="slide" data-init="initForm" >

<ul data-role="listview" data-style="inset" data-type="group">

<li>

Sepa cuánto consumen sus artefactos.

<ul>

<li>

<input type="tel" name="watts" size="5" value="0" />Watts del artefacto

</li>

<li>

<input type="tel" name="hours" size="5" value="0" />Horas de funcionamiento

</li>

<li>

<input type="tel" name="unitcost" size="9" value="105" />Costo KWh

</li>

<li>

<input type="button" value="Calculate" onclick="workitout(this.form)" />

</li>

<li>

<input type="text" name="daycost" size="7" />Costo diario

</li>

<li>

<input type="text" name="qtrcost" size="7" />Costo mensual

</li>

<li>

<input type="text" name="yrcost" size="7" />Costo anual

</li>

</ul>

</li>

</ul>

</div>

<script language="JavaScript" type="text/JavaScript">

<!--

function workitout(form)

{

var kw = form.watts.value / 1000;

var hrs = parseInt(form.hours.value);

var cost = (form.unitcost.value * kw * hrs) / 100;

var annual = cost * 365;

var quarter = annual / 12;

cost = round(cost);

annual = round(annual);

form.daycost.value = cost;

form.qtrcost.value = quarter;

form.yrcost.value = annual;

}

function round (num) {

num = Math.round(num * 100) / 100;

num = (num + 0.001) + '';

return num.substring(0, num.indexOf('.') + 3);

}

// End -->

</script>

General Discussions

asked on 25 Apr 2012

1 answer

554 views

keyup event

is there a way to fire keyup event in editor? also how to use onChange? but still onchanges uses blur right? and i need to know if someone changed one letter without blur.

Editor

answered on 25 Apr 2012

1 answer

308 views

Documentation for Pager?

I'm using a ListView in my page, and since upgrading to 2012.1 it's working! However, I can't find any documentation on kendoPager. Right now, the paging is the default: hyperlinks to individual pages in list elements. Can pager use templates? Can I change it to arrow buttons for next and previous page? What are its events, methods, configuration?

Thank you!

General Discussions

answered on 25 Apr 2012

2 answers

424 views

[Solved] Dynamically selecting data templates

I'm attempting to use the MVVM framework to bind an array of objects to some templates. In my scenario, assume I have an array of animals. I want to use a different template for each animal. How can this be accomplished?

The code might look like this:

var vm = kendo.viewModel({

animals: []

});

vm.animals.push(new Cat());

vm.animals.push(new Dog());

kendo.bind("#farm", vm);

With HTML that looks like:

<div id="farm">

<div data-template="animal-template" data-bind="source: animals"></div>

</div>

Here is where I would define the different templates for each animal

Templates