Questions on Kendo UI for jQuery Forum

2 answers

112 views

ThemeBuilder does not work with web bundle

Hi,

Recently I've noticed that ThemeBuilder stopped working for me.
I see that it works fine with kendo.all.min.js but not with kendo.web.min.js (anymore).

Chrome reports :
"Uncaught TypeError: Object [object Object] has no method 'registerTheme' "
while Firefox reports:
"TypeError: r.kendo.dataviz.ui.registerTheme is not a function @ http://themebuilder.kendoui.com/scripts/themebuilder.all.min.js:2"
and ThemeBuilder is only partially rendered.

Broken with kendo.web.min.js:
http://jsfiddle.net/36pqQ/1/
http://jsfiddle.net/5rz2y/2/
Working with kendo.all.min.js:
http://jsfiddle.net/SQsqF/2/

Can anyone shine some light on this?

General Discussions

answered on 05 Aug 2013

2 answers

837 views

Sending List<string> data as a parameter to my wcf service

How to send list of data as a parameter . i want to save list of records at a time by using kendo ui mobile application can any one post the sample code.

General Discussions

answered on 05 Aug 2013

1 answer

244 views

Day View only showing All Day Events

I am not sure how to troubleshoot this. I have Week, Month and Agenda views working great. I just enabled Day view and wrote my templates just like all the other views. My "All Day" events are showing up just fine... the time events however are not rendering at all. There are no errors. They just don't show up.

What's strange is that even if I give it an invalid eventTemplate, it won't "crash" - it is like it never thinks it needs to render any of the non-all day events. The exact same data is working on Month, Agenda and Week views however... so I don't think the JSON from the server is wrong.

Thoughts?

Scheduler

answered on 05 Aug 2013

3 answers

600 views

Column header disappears when trying to refresh grid with a new data

Hello,

I am trying to refresh a grid with a new data source that has different columns, but when I do so, the column headers disappear.

You can see what I mean here: http://jsfiddle.net/YZcYC/3/

One thing I noticed was that if I do

grid.columns = [];

the header shows up, but I need to be able to specify column titles, templates, widths, etc, so that's not an option for me.

Any ideas?

Thanks,
Bob

Grid

answered on 05 Aug 2013

2 answers

68 views

Generic Toolbar Component?

Are there any plans for a toolbar component?

Something like: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/menu/menus.html?theme=gray
that allows various components inside it, but still keeps it nice on a "single line"?

I was trying to achieve the same thing by styling divs with "k-head", but it's just not the same as a simple and robust toolbar component.

regards.

General Discussions

answered on 04 Aug 2013

2 answers

151 views

Unable to access correct data context from within detailInit callback on Grid when using Data Attributes and MVVM.

Heya Telerik,

I've noticed an inconsistency in how row data is passed to the detailInit callback on the grid widget when I'm using the detailTemplate. When the Grid widget is loaded via jquery ($("#grid").kendoGrid()) then the detailInit callback receives a event.data argument that is set to the data for that row, as you would expect. When the Grid widget is loaded via data attributes (data-role="grid") the detailInit callback receives a event.data argument that is set to the dataSource of the entire grid. This means I am unable to access the Id, or any other data for that matter, for the row i'm interested in.

To demonstrate what I'm talking about, here's a JS fiddle. Click on the green block to expand the row: http://jsfiddle.net/ducka/SXcT4/

I've traced the behavior back to the "widget" binder in kendo.binder.js:

binders.widget = {

events : Binder.extend({

init: function(widget, bindings, options) {

Binder.fn.init.call(this, widget.element[0], bindings, options);

this.widget = widget;

this.handlers = {};

},

refresh: function(key) {

var binding = this.bindings.events[key],

handler = this.handlers[key];

if (handler) {

this.widget.unbind(key, handler);

}

handler = binding.get();

this.handlers[key] = function(e) {

// >> ISSUE: This line here is overwriting the row data with an instance to the binding source of the grid.

e.data = binding.source;

handler(e);

if (e.data === binding.source) {

delete e.data;

}

};

this.widget.bind(key, this.handlers[key]);

},

destroy: function() {

var handler;

for (handler in this.handlers) {

this.widget.unbind(handler, this.handlers[handler]);

}

}),

I assume this is not correct behavior?

Grid

answered on 04 Aug 2013

2 answers

268 views

Mandatory filter server side using DataSourceResult

I'm using a Grid with remote data source and php wrappers. In the remote data source I'm using php DataSourceResult as also shown in the Kendo UI Demos.

For security reasons I would like to add a mandatory filter on the server side. For example I would like users to only have access to records where column 'enabled' = 1 in a MySQL table. So before my calling the read() method of my DataSourceResult I would like to add this filter. How can I do this?

Users should not be able to see the 'enabled' column on the client side and/or alter the filter with a bit of hacking to be able to see the "enabled = 0" records.

$request = json_decode(file_get_contents('php://input'));

$result = new DataSourceResult($dsn, $username, $password, $driver_options);

$table = 'users';

$columns = array('id', 'name');

// Add the mandatory "enabled = 1" filter here

$data = $result->read($table, $columns, $request);

Data Source

answered on 02 Aug 2013

1 answer

179 views

Kendo Scatter chart - grouping not working

Hi - I'm trying to create a Scatter Chart bound to remote data, and grouped. I'm not getting something right. Attached is a screen shot that shows the data I'm getting from my JSON call, what the chart currently looks like(note the series name, something is wrong with where I am doing my grouping) and an example of a chart I'm working from.

I have looked at the demos for the scatter chart, I'm just not seeing what I'm missing.

Thanks - here is the code that creates the chart:

//Crosstab

kcSchoolCrosstab = $("#SchoolCrosstab").kendoChart({

title: {

text: "Crosstab",

font: "bold 16px Arial,Helvetica,Sans-Serif"

},

legend: {

visible: false

},

dataSource: {

transport: {

read: function (options) {

if (!(ktvSchoolFilter && ktvSchoolFilter.getSelectedSchoolCodes() && getSelectedSchoolYear())) {

options.success([]);

return;

}

kendo.ui.progress(kcSchoolCrosstab.element, true);

$.getJSON(Helpers.toServicesUrl("/GetEWSSchoolCountVsRiskScore"),

{

username: WSIPCContext.UserName,

districtId: WSIPCContext.DistrictId,

schoolCodes: ktvSchoolFilter.getSelectedSchoolCodes(),

schoolYear: getSelectedSchoolYear,

// countOfEvents: 3,

countOfEvents: getRiskCatCount(),

whereIds: "1"

}).success(function (data) {

options.success([]);

kcSchoolCrosstab.dataSource.data(data.GetEWSSchoolCountVsRiskScoreResult.RootResults);

}).always(function () {

kendo.ui.progress(kcSchoolCrosstab.element, false);

});

},

group: {

field: "GradeLevel"

},

sort: {

field: "StudentCount"

}

},

series: [{

type: "scatter",

xField: "StudentRiskFactor",

yField: 'StudentCount',

color: "#4F82BE",

name: "#= group.value"

}],

legend: {

position: "bottom"

},

xAxis: {

labels: {

step: 2,

format: "{0}%"

},

title: {

text: "Avg. School Risk Score"

}

},

yAxis: {

labels: {

skip: 2,

step: 2

},

title: {

text: "Avg. School Count",

margin: {

right: 10

}

},

chartArea: {

height: 300,

width: 520

}

}).data("kendoChart")

Thanks - Lisa

Charts

answered on 02 Aug 2013

3 answers

158 views

Show date on Axis labels

I have data for 11 month, date 02/26/2012, 03/25/2012,
04/26/2012….. 12/30/2012.

I want to show those dates on Axis labels.

set it to Date and base unit of a month

with format of MM/dd/yyyy

This code will show first date of the month. 02/01/2012,
03/01/2012 and so on. It doesn’t show the accrual date . If I remove Date and
baseUnit it will show each week. Can you tell me how to accomplish this.

Thanks

Charts

answered on 02 Aug 2013

1 answer

116 views

Demo Drag&Drop

Hello,

I don't understand why the Drag&Drop demo isn't operational in IE9 in a specific computer.
When I click on the yellow circle, I cannot move it.

I use the same IE9 version in an other computer and the demo is operational.

Thanks

Drag and Drop

answered on 02 Aug 2013