Questions on Kendo UI for jQuery Forum

0 answers

191 views

I just wanted to share an elegant solution I found for passing the group value to a button that handles picking the entire group:

"Group: #= value #, Count: #= count # <div data-val='#= value #' class='button black' onclick='GridPickGroup(this)'>Select Group</div>";

function GridPickGroup(button) {

var value = $(button).data("val");

var currentGroupRow = $(button).closest(".k-grouping-row");

GridData.grid.select(currentGroupRow.nextUntil(".k-grouping-row"));

}

Grid

asked on 10 Jul 2012

0 answers

101 views

data attribute support

Hi all,
I find out that Kendo mobile element behavior looks like jquery mobile in case of using data-attributes,
So my question is - does kendo mobile support all the attributes listed here http://jquerymobile.com/test/docs/api/data-attributes.html ,
or is there a place where we can see all the supported attributes ?, (like for this data-role there are this, this , this ..... attributes )

I hope with tomorrow's release we'll got much better support for kendo mobile documentation like it is for kendo MVC widgets.

Thanks in advance.

General Discussions

asked on 10 Jul 2012

1 answer

369 views

binding html inside a template

Hi,

Consider the jsfiddle:

http://jsfiddle.net/brCCY/1/

For the span tag what I'd like to be able to do is 'set' the html (ala innerHTML) of this element using 'Body' however the example I've given fails silently.

I've trawled through http://www.kendoui.com/documentation/framework/templates/overview.aspx and I probably got the inspiration for the possibility from:
http://www.kendoui.com/blogs/teamblog/posts/12-03-20/mvvm_declarative_initialization_and_html5_data_attributes.aspx
In my case (where I am using MVVM on top of the template) - I have had no issues binding other things like attr, events etc.

Any thoughts?

Thanks,

Mark.

Templates

answered on 10 Jul 2012

14 answers

3.9K+ views

kendo.all.min.js missing in the last build?

Hi,
We downloaded your last build 'kendoui.web.2012.1.322.commercial'. But we couldn't find the 'kendo.all.min.js' in the JS directory. Any chance of getting the all minified of the latest JS?

Thanks.

General Discussions

answered on 10 Jul 2012

0 answers

91 views

Grid Filters Not Working When Embedded into Tab Strip

I have a KendoUI Grid Embedded in a Tabstrip like so:

...

<

div id="tabstrip"

<ul

<li class="k-state-active">Tab 1 Title</li

<li>Tab 2 Title</li>

</ul>

<div

<div id="grid"></div>

</div>

<div>

<div id="Tab2">

Config 1: <input type="text" name="config1" />

Config 2: <input type="text" name="config2" />

<input type="checkbox" name="config3" value="Config A" /> Config A

<input type="checkbox" name="config3" value="Config B" /> Config B

</div>

</div

>

...

When I use the following libraries, the grid will populate, but the filters will be blank:
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.dataviz.min.js"></script>
<script src="../../../js/kendo.core.min.js"></script>
<script src="../../../js/kendo.all.min.js"></script>
<script src="../../content/shared/js/console.js"></script>

When I use these libraries, the grid will not populate, but the filters will work:
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.web.min.js"></script>
<script src="../../../js/kendo.dataviz.min.js"></script>
<script src="../../../js/kendo.core.min.js"></script>
<script src="../../content/shared/js/console.js"></script>

Any ideas?

Grid

asked on 10 Jul 2012

1 answer

139 views

Autosize dropdownlist

I am trying to get the dropdownlist to auto size to the contents after an ajax load. In the dataBound event I have the following code:

if( isDefined( this.options.width )) {

if( this.options.width === "auto" ) {

var popup = this.control.popup.element;

var width = popup.css("visibility","hidden").show().outerWidth();

popup.hide().css("visibility","visible");

} else {

width = this.options.width;

}

this.control.wrapper.closest(".k-widget").width(width);

}

It seems to operate to some degree, but the problem is the outerWidth is not calculated properly and I am still getting wrapping on the items in the dropdown list.

Is this an issue with the calculation or am I doing this too soon (i.e. while it is still loading)?

Is there a better way?
Is there a different event I should use? (using this method in the change event does not work at all)

DropDownList

answered on 10 Jul 2012

2 answers

312 views

Object [object Object] has no method 'kendoGrid'

I was so exciting about giving this framework a go and can't believe I am posting in the forum unable to get the basic usage Grid working.

$(function(){<br> $("#grid").kendoGrid();<br> });

Hope someone can help....

Grid

answered on 10 Jul 2012

1 answer

7.1K+ views

Looping through grid's dataitems

I'm trying to loop through the dataitems held by my grid but get an error that the field I am trying to look at in every data item is undefined. This is the code I'm using:

grid = $("#grid").data("kendoGrid");

for (var i = 0; i < 50; i ++) {

if ( grid.dataItem(i).FirstName == reference) {

var item = grid.dataItem(i);

break;

}

What I'm trying to do is get the data item whose FirstName field matches the reference variable. Does anyone have any ideas?

Grid

answered on 10 Jul 2012

0 answers

62 views

Pie Chart Tooltip distance

Hi there,

we can adjust Pie chart tooltip distance.

if possible, anybody can please help me...

thanks,
Rajesh.C

Charts

asked on 10 Jul 2012

1 answer

243 views

img with onclick inside a listview item template

I have an image with an onclick event that's part of a listview item template. Everything works fine - except that when I click the image it fires the listview's change event, and then it fires the img onclick event.I'd like to prevent the change event from firing, or to be able to identify the change event as relating to the img click (then I could ignore it).

Any ideas?

ListView (Mobile)

answered on 10 Jul 2012