Questions on Kendo UI for jQuery Forum

1 answer

229 views

Hello,

I have a working example that works locally, but when I deploy it up to JSFiddle, this doesn't work correctly. I was curious if there is a specific way I have to set this up? There is some JS initialization that happens on window.onload (setup by JSFiddle) that I thought might be throwing off Kendo UI, because none of the data-binding is working, when it did before.

Here is the fiddle: http://jsfiddle.net/bmains/7pata/

Thanks.

General Discussions

answered on 03 Apr 2013

1 answer

262 views

Drag stops when mouse hovers over iframe - suggested fix?

I have a series of kendo windows and some may contain iframe tags within their contents. When a user drags a window, dragging stops while the mouse is over the iframe. There is a jquery plugin that fixes this issue when using jquery drag, is there something similar for Kendo or could I use the same plugin? The plugin is posted below:

$.ui.plugin.add("resizable", "iframeFix",

start: function() {

var o = $(this).data('draggable').options;

$(o.iframeFix === true ? "iframe" : o.iframeFix).each(function() {

$('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>')

.css({

width: this.offsetWidth+"px", height: this.offsetHeight+"px",

position: "absolute", opacity: "0.001", zIndex: 1000

})

.css($(this).offset())

.appendTo("body");

});

},

stop: function() {

$("div.ui-draggable-iframeFix").each(function() {

this.parentNode.removeChild(this);

}); //Remove frame helpers

}

});

Window

answered on 03 Apr 2013

1 answer

34 views

Chart with Navigator

For some reason I cant add a post in http://www.kendoui.com/forums/dataviz/chart/chart-with-navigator.aspx
The Q1 release did not contain this requested feature.
Is there any date for an internal build with this capbability ?
Thx
Sagi

Charts

answered on 03 Apr 2013

1 answer

313 views

MVVM not working with DropDownList when typeof data value is boolean

Hello Kendo,

I just used the following test code with kendo DropDownList mvvm as to your demo:

<script>
$(function() {
var vm = kendo.observable({
dropdownlistSource: [
{ text: 'True', value: true },
{ text: 'False', value: false }
],
selected: null
});

vm.selected = vm.dropdownlistSource[1];
kendo.bind($('body'), vm);
});
</script>
</head>
<body>
<input data-role="dropdownlist" data-text-field="text" data-value-field="value" data-bind="source: dropdownlistSource, value: selected" />
</body>

However, the widget just display the first item every time, not the value demonstrated in data-bind attr. When i switch the value field of data source to interger 1 and 0, that works perfect.

I think this would be a bug in your control, and please pay attention to it when u r free.

Wenhao

DropDownList

answered on 03 Apr 2013

1 answer

675 views

saveChanges callback

I'm having some timing issues and was wondering if there is a way for saveChanges to have a callback when it's save is complete?

Grid

answered on 03 Apr 2013

1 answer

65 views

Kendo charts in hybrid MVC4 desktop/mobile app

A project we are just starting requires us to display graphs on both desktop and mobile versions of the app.

The browsers available to us within Visual Studio 2012 and Webmatrix are as follows:
Desktop: Firefox, Google Chrome, Internet Explorer, Opera Internet Browser, Safari
Mobile: Windows Phone 7, Opera Mobile Emulator, Electric Plum iPhone/iPad simulator

The chart appears on all browser types except for the Electric Plum iPhone/iPad emulator. The main mobile focus for us are the iOS devices so we really need to get it working.

I created a test application (as a 'Kendo UI for MVC Web Application') and the only files I have altered are those in the attached zip file. I wonder if you could let us know what we need to do to get the graph to appear please?

General Discussions

answered on 03 Apr 2013

5 answers

110 views

Local shared data source issue

Your documentation implies that this should work, but it doesn't. How do I use a local shared data source that allows multiple charts and grids to sort the same data?

If I get the data source from an XML file, it works, but not from a local JS array.

var salesData = [{
employee: "Joe Smith",
sales: 2000
}, {
employee: "Jane Smith",
sales: 2250
}, {
employee: "Will Roberts",
sales: 1550
}];

var localDataSource = new kendo.data.DataSource({ data: salesData });

$(document).ready(function () {
$("#test").kendoChart({
title: {
text: "Employee Sales"
},
dataSource: {
data: localDataSource
},
series: [{
type: "line",
field: "sales",
name: "Sales in Units"
}],
categoryAxis: {
field: "employee"
}
});
});

Data Source

answered on 03 Apr 2013

1 answer

129 views

Openaccess WCF Service Data Not Displaying in Grid

I have created a simple 1 table service using Openaccess Domain Model and oData Data Service. When I try to call the service using the Kendo Grid, I can see the json data (using Fiddler) being returned/parsed but it is never displayed in the grid.

When I use IE9 to run my test, i get the following error:
Error: Unable to get value of the property '__count': object is null or undefined

I don't get that error in Chrome or Firefox but the data still does not display.

I used the example at http://demos.kendoui.com/web/grid/remote-data.html and just changed the service url and data fields as needed.

My service is a oData v3 and I have included the JSONSupportBehavior attribute in my class. You can use this link http://www.thinkkentucky.com/fidatao/ftentitiesmodelservice.svc/FUNDTYPEs?$format=json to see a text file of the data returned from my service.

I would appreciate any help to understand what is causing this problem and how to fix it.

Thanks
Ben

Data Source

answered on 03 Apr 2013

1 answer

341 views

Kendo UI Grid implement sub columns under parent column

Hi,
I need to render multiple sub columns(which contain checkbox) under parent column.I have attached screen-shot the way i want to render columns and also i want the values of those sub columns checkboxes in inline edit.

Please reply.

Grid

answered on 03 Apr 2013

0 answers

223 views

MVC Wrapper + Clientrowtemplate + rowspan?

EDIT: Solved my issue. I was using wrong attribute. Need colspan instead of rowspan. Can't believe I missed that.

Hi, using Asp.Net MVC Wrappers and .ClientRowTemplate, we are trying to replicate functionality here (http://demos.telerik.com/aspnet-mvc/grid/clientrowtemplate) where there are several columns that can be used for sorting and filtering. Is this currently supported in kendo ui or only the older mvc plugin?

With the current code, sorting and filtering works but we can't figure out a way to get the template to span all 3 columns. Is it possible? Thank you!

Dim gridBuilder As Kendo.Mvc.UI.Fluent.GridBuilder(Of time_card) = _
Html.Kendo().Grid(Of time_card)().Name("TimecardGrid")
gridBuilder.DataSource(Function(c As DataSourceBuilder(Of time_card)) c.Ajax().Read(Function(r) r.Action("Cards_Read", "Home")))
gridBuilder.Columns(Function(columns As GridColumnFactory(Of time_card)) columns.Bound(Function(o) o.tc_date))
gridBuilder.Columns(Function(columns As GridColumnFactory(Of time_card)) columns.Bound(Function(o) o.tc_index))
gridBuilder.Columns(Function(columns As GridColumnFactory(Of time_card)) columns.Bound(Function(o) o.billed_hours))
gridBuilder.ClientRowTemplate("<tr><td rowspan='3'>#= tc_date #<br/>#= billed_hours #</td></tr>")
gridBuilder.Render()

Grid

asked on 03 Apr 2013