Questions on Kendo UI for jQuery Forum

1 answer

137 views

Kendo UI Compatibility for different browsers

Hi,

I am in the prelim stages of testing both the HTML / ASP.NET MVC version of Kendo UI Controls.

The following HTML version of the code "http://demos.kendoui.com/web/combobox/serverfiltering.html" doesnt work on IE 10 but works on Google Chrome.
It throws an error "SCRIPT1028: Expected identifier, string or number" in IE.

Are there any compatibility issues or different code paths across different browsers.

Regards
Rajaraman.S

ComboBox

answered on 05 Aug 2013

2 answers

90 views

Appending window to tabstrip tabs?

Hi,

I would like to have the kendo window "belong" to a specified tab. By that I mean that the window should hide together with the tab it belongs to and that this hierarchy is reflected in the DOM (tab div is ancestor of window div).

I used the window's "appendTo" configuration option to achieve this. The only problem is, that now the window content div matches the ".k-tabstrip .k-content" kendo CSS selector which applies wrong styling.

I can prevent this by removing the "k-content" class from the window content div. My question is if I'm breaking styling this way and if there is a more appropriate approach to this problem?

Here is a demo: http://jsfiddle.net/N54dE/3/

Window

answered on 05 Aug 2013

2 answers

105 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

819 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

234 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

571 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

65 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

142 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

252 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

159 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