Questions on Kendo UI for jQuery Forum

8 answers

200 views

Hi, I have a problem with navigating between two remote views, where one view has the data-reload=true attribute.

I have a remote view which show details of a message, you can then post this message on twitter. If the user didn't authorize twitter before, they get a message with that they have to do that. The user then has two options: authorize twitter or go back to the message. If back to the message is selected, the tabstrip in the data-reload view dissappears and reappears immediatly.

This problem wont happen when data-reload is set to false. But if i set it to false the data in the remote view wont update. when another message is selected.

How can I make sure the tabstrip doesn't flicker when navigating back to the remote view with the data-reload true attribute.

-EDIT:
When i go to the remote view with data-reload=true for the first time no flicker appears only for second time and the times after that.

General Discussions

answered on 14 Mar 2014

1 answer

138 views

Distinguish operations in change event.

Hi.

How can I distinguish operations in change event? I mean, how to recognize whether current operation is select (add new item) or delete (cross clicked)?
I know about select event, but I'm interested in change event only? Should I use external counter?

Thanks in advance.

MultiSelect

answered on 14 Mar 2014

3 answers

97 views

MinUnit not working

Hi,

I am trying a single example when the data of the chart is null or 0. But look at the X scale. It is 0, 0.2, 0.4...... etc..
I would like the scale to be 1, 2, 3, 4..etc

I have tried different ways but can acchieve this. I have used minUnit, min and doesn't work. It works using max, but that is not what i need.

Thanks
Jose

Charts

answered on 14 Mar 2014

3 answers

111 views

Populate Scheduler from JavaScript

Hi verybody.

I'd like to show a scheduler with fixed data from a JavaScript function.
I tried with this code, but I can only see the scheduler with the circular progress bar that runs forever.

// Defining the dataSource

var schedulerDataSource = new kendo.data.SchedulerDataSource({

transport: {

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

return { models: kendo.stringify(options.models) };

}

},

schema: {

model: {

id: "Id",

fields: {

id: { from: "Id" },

title: { from: "Title", defaultValue: "No title", validation: { required: true } },

start: { type: "date", from: "StartDate" },

end: { type: "date", from: "EndDate" },

description: { from: "Description" },

calendarId: { from: "CalendarId", validation: { required: true } },

isAllDay: { type: "boolean", from: "IsAllDay" }

}

},

filter: {

logic: "or",

filters: []

}

});

// Pass data to the DataSource

schedulerDataSource.data = [{"CalendarId":"FirstCalendar","Id":"Id1","Title":"Test","Description":null,"IsAllDay":true,"StartDate":new Date(1318802400000),"EndDate":new Date(1319320800000)},{"CalendarId":"SecondCalendar","Id":"Id2","Title":"Second event","Description":null,"IsAllDay":true,"StartDate":new Date(1319407200000),"EndDate":new Date(1319493600000)}];

// Pass filters to the datasources

schedulerDataSource.filter.filters = [ { field: "CalendarId", operator: "eq", value: "FirstCalendar" },{ field: "CalendarId", operator: "eq", value: "SecondCalendar" }];

// Create the scheduler

$("#scheduler").kendoScheduler({

date: new Date("2014/03/13"),

startTime: new Date("2014/03/13 00:00 AM"),

height: $(document).height() - 30,

views: [

"day",

{ type: "workWeek", selected: true },

"week",

"month",

"agenda"

],

save: scheduler_save,

remove: scheduler_remove,

edit: scheduler_edit,

timezone: "Etc/UTC",

dataSource: schedulerDataSource,

resources: [

{

field: "CalendarId",

title: "Calendar",

dataSource: [ { text: "My first calendar", value: "FirstCalendar", color: "#9fc6e7" },{ text: "My second calendar", value: "SecondCalendar", color: "#7bd148" }]

}

],

});

Scheduler

answered on 14 Mar 2014

1 answer

93 views

Grid Update [WebMethod] error

Hi, i have test the sample at:

https://github.com/telerik/kendo-examples-asp-net/tree/master/grid-page-methods-crud

it's read the records ok, but if update a record, the record is save but i retrive this error:

Unhandled exception at line 134, column 1 in Function code

0x800a138f - Errore di run-time di JavaScript: Impossibile recuperare la proprietà 'Data' di un riferimento nullo o non definito

You have a solution for this error ?

thanks
Aurelio

Grid

answered on 14 Mar 2014

2 answers

536 views

Removing Line Graph Circles

I'm trying to remove the little circles/symbols that are on the DataViz line graph. I currently modified the CSS so they don't get displayed in most of the browsers. Unfortunately the CSS hack didn't work when running the program on an Android phone. I saw in the API documentation (also: https://github.com/telerik/kendo-docs/blob/master/api/dataviz/sparkline.md#categoryaxisnoteslabelvisible-boolean-default-true) that said you could change this Note value to false, but I've been unable to do so. I believe the boolean attribute is: categoryAxis.notes.label.visible.

I'm using ASP.NET MVC so I'm unable to follow most of the sample code and examples b/c they are all in JavaScript (where examples are abundant). I've pasted part of the code that I'm using for one of my charts. I've tried adding ".Note ..." under ".categoryAxis", but it won't compile... I've tried several different methods for this attribute:

.CategoryAxis(axis => axis
.Categories(@Model.Label)
.MajorGridLines(lines => lines.Visible(false))
.Labels(labels => labels.Rotation(-45).Format("{0}").Skip(0).Step(2))
.Notes(n => n.Notes).Visible(false)

)

Any ideas on how to resolve this? Thanks in advance!

Charts

answered on 13 Mar 2014

3 answers

136 views

Current Kendo + RequireJS = iOS 7 tabstrip bug

Current Kendo releases produce a display bug in iOS 7 when used together with RequireJS.

We have been searching for the root of this problem for quite some time now and found the following source after a lot of testing:

Affected Kendo UI versions we tested:

2013.3.1324 and 2013.3.1511

Version 2013.2.1021, which is still the default in the Telerik AppBuilder, is NOT affected. With this version, everything works fine (even with current RequireJS versions).

Affected RequireJS versions we tested:

2.1.8 and 2.1.11

As far as we tested, this affects iOS 7 only.

To reproduce this, take these steps from the default AppBuilder Kendo UI Mobile project:

- update kendo.mobile.min.js and kendo.mobile.all.min.css to the desired version

- change the JS includes in the header in index.html to:

<script src="cordova.js"></script>

<script data-main="scripts/main" src="scripts/require.js"></script>

- strip all views from index.html except "tabstrip-home" (keep the layout)

- add main.js to scripts-folder:

require.config({

paths: {

'jquery': "../kendo/js/jquery.min",

'kendo': "../kendo/js/kendo.mobile.min"

},

shim: {

'jquery': {

exports: "jquery"

},

'kendo': {

deps: ["jquery"],

exports: "kendo"

}

});

// Expose the app module to the global scope so Kendo can access it.

var app;

require(

[

"app"

],

function (

application

) {

app = application;

app.init();

}

);

- change app.js to:

define(["jquery", "kendo"], function ($, kendo) {

var _kendoApplication;

return {

init: function () {

_kendoApplication = new kendo.mobile.Application(document.body, { layout: "tabstrip-layout"});

}

});

Thats it. Most basic version of the Test-Project with RequireJS.
As soon as you remove RequireJS, everything work fine again with iOS 7.

General Discussions

answered on 13 Mar 2014

7 answers

247 views

Data Schema for GeoJson data

I'm sorry, but after searching the DataSource API and this forum I am not finding out how to do the following:

I have a Node.JS server connected to a PostGIS database. It stores a number of rows that have a field called: outline that is a long GeoJSON object. In my model, I declare the simple fields (number, data, etc.) just fine. But is this correct for the JSON data. I will connect this to a KendoGrid, but I do not want the user to see it.

What I want him to do is sort, select, etc. based on the other fields, and then I will use the hidden GeoJSON outline (I will fetch it with the dataSource.data() method to get the values from it for map display.

But first, is this the "json" a correct type for the outline?

function buildDataModel() {

DataModel.data = new kendo.data.DataSource({

type:"json",

pageSize: 5000, //change to infinite when bug fixed.

transport:{

read:{

url:AppGlobals.serverURL + "Search",

dataType:"json"

}

},

schema:{

data:"results",

total:"count",

model:{

fields:{

pid:{ type:"number" },

size:{ type:"number" },

date:{ type:"date" },

type:{ type:"string" },

egpl_date:{ type:"date" },

cocom:{ type:"string" },

country:{ type:"string" },

product_name:{ type:"string" },

outline:{ type:"json" }

}

},

error:function (e) {

alert("DataMode.js datasource error: " +

"\nthrew: " + e.errorThrown +

"\nstatus: " + e.status +

"\nerrors:" + e.errors +

"\nurl: " + e.sender.transport.options.read.url);

},

change:function (e) {

newData(e);

}

});

}

Data Source

answered on 13 Mar 2014

3 answers

283 views

Dropdownlist inside Grid inside IFrame - Popup behind IFrame

I have a DropDownList I'm creating inside a KendoGrid - it binds fine, but it's inside of an IFrame. Under a specific set of circumstances (two rows of data), the popup direction is Down and the selection list is hiding "behind" or "inside" the IFrame. I need the PopUp list to either go Up or be brought forward over the IFrame.... thoughts?? I've tried this a few ways using z-index and setting the popup to append to the Form or IFrame better, but no luck...

DropDownList

answered on 13 Mar 2014

5 answers

141 views

Setting pageSize when initializing from HTML

Is there a way to set the default pageSize on the dataSource for a grid when initializing from HTML? I'm using mostly the JavaScript widgets (hence posting in the web forum), but I also have licensed access to the JSP wrappers. I just have not gotten any experience or knowledge using the kendo taglib yet.

Goal: Increase performance.

Background: due to some legacy code, I have to initialize the grid from an HTML table. Most of the time it works just fine, but sometimes this page will have a large amount of data (thousand of rows), and so the grid is very slow, or locks up.

Documentation has suggested using virtual scrolling, and while setting the virtual scroll option on the widget "works" when initializing from HTML, it's still very slow. I see no noticeable difference in performance. My thought is that this could be because I'm not setting a pageSize on the dataSource. It would need to be done (I think) before initializing the grid, otherwise the page will still be very slow to load and could still lock up; I don't see how I can do that.

Is there a way to do this with the JSP wrappers/taglib? Or is there something I'm missing in the JavaScript side of things?

Grid

answered on 13 Mar 2014