Questions on Kendo UI for jQuery Forum

2 answers

167 views

Hi, im evaluating the Kendo Mobile UI with application framework to develop a hybrid app for Android and IOS.

Im using application Framework, separating classes using .js files.

The problem is that visual studio 2013 intellisense doesnt provide any help for class constructor (for example when i wrote new User() intellisense dont suggest the constructor parameters defined).

any idea?

/*
User = kendo.data.ObservableObject.extend({
init: function(username,nombre,apellido,email){
this.username = username;
}
});
*/

EXAMPLE FILES:

app.js

var app = new kendo.mobile.Application($(document.body), {

user : null,

loginService: null,

skin:'flat',

transition: 'slide',

initial : "views/account/login.html",

init: function () {

this.loginService = new LoginService();

if (this.loginService.loadLocalCredential())

this.initial = 'views/home/index.html';

}

});

login.js

LoginService = kendo.data.ObservableObject.extend({

username: "",

password: "",

isLoggedIn: false,

login: function () {

var that = this;

var url = 'http://url/Account/Login?username=' + this.username + '&password=' + this.password;

$.ajax({

url: url,

dataType: "json",

success: function (data, textStatus, jqXHR) {

if (data.result == true

) {

                          var user = new User(username,nombre,apellido,email); /* when i write new User() intellisense doesnt provide any help*/

that.set("isLoggedIn", true);

app.navigate("./views/home/index.html");

}

});

},

logout: function () {

this.clear();

app.navigate('./views/home/index.html');

},

clear: function () {

this.set('username', '');

this.set('password', '');

this.set('isLoggedIn', false);

},

loadLocalCredential: function () {

this.set('username', 'geoorge');

this.set('password', '1231');

this.set('isLoggedIn', true);

}

});

user.js

User = kendo.data.ObservableObject.extend({

username: "",

nombre: "",

apellido: "",

email: "",

isLoggedIn: false,

init: function(username,nombre,apellido,email){

this.username = username; this.nombre = nombre; this.apellido = apellido; this.email = email;

}

});

Thanks!

Application

answered on 11 Feb 2014

1 answer

116 views

Block-out slots for All Day Event

Is there a way to block out the slots for an all day event, instead of having the event in the "all day" slot?

Scheduler

answered on 11 Feb 2014

3 answers

593 views

Fixed Width for Value Axis Labels

I need to be able to set a fixed width for the labels of the Value Axis. I have a problem caused by the re-scaling of the plotting area based on the number of digits in the valueAxis labels. I need some way to keep the actual chart area (compared to the value axis) to stay the same width, so that I can consistently line up with other elements on my page.

I can't seem to find any documentation and

valueAxis: {
labels:{
width: 100
},
width: 100,
},

does not work. Is this possible? PlotArea and ChartArea width also seems to have no effect.

-Thorne

Charts

answered on 11 Feb 2014

5 answers

246 views

Strange behavior of the "data-option-label" attribute

Hello,
I'm using MVVM approach in DropDownList configure. Everything works fine but I unexpectedly stuck on the "data-option-label" attribute value == "[ None ]". This value causes error "SyntaxError: Unexpected token N ". Using '[ .. ]' instead of '( .. )' is very important for our designer, so.. please take a look at jsFiddle example. Thank you.

DropDownList

answered on 11 Feb 2014

2 answers

116 views

addRow via jQuery automatically going to 2nd column

I have a batch editing grid where the user can add a new row either by clicking the Add button or tabbing off of the last editable column. The Add button works as intended...it adds a new row at the bottom of the grid and puts the keyboard focus in the first column of the new row.

The problem I am having is calling addRow programatically. It creates the new row at the bottom of the grid, but it automatically puts the keyboard focus in the second column of the new row. I want it to behave the same way as pressing the Add button. Here is the script that catches my keypress [TAB], and determines if it is the last row and last column (in my case it's column index 6).

function onDataBound(e) {

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

$(grid.tbody).on("keydown", "td", function (e) {

if (e.keyCode == 9)

{

var row = $(this).closest("tr");

var rowIdx = $("tr", grid.tbody).index(row);

var colIdx = $("td", row).index(this);

var count = grid.dataSource.total();

if(rowIdx == count-1 && colIdx == 6)

{

grid.addRow();

}

});

}

Any idea why my script is automatically moving it to the second column?

Thanks,
Jason

Grid

answered on 11 Feb 2014

5 answers

1.2K+ views

Removing all tabs (clear)

Is there a way to clear all the tabs?
Thanks in advance.

TabStrip

answered on 11 Feb 2014

1 answer

286 views

[Solved] DatePicker - inline or attached to a custom control

We have a need of user date input into custom fields in 2 scenarios:
1) have datepicker inlined to the page (not as popup tied to a input control).
2) have it pop up next to a custom control, opened by a click on a separate button (so that it doesn't redraw/redraw the custom control).
After pick the date is actually populated/calculated to multiple controls on the page.

I tried to attach it to a hidden input (and handle all the data in eventhandlers) but in this case the picker widget is located at top-left corner of the window.

Are these scenarios possible?

Raido

DatePicker

answered on 11 Feb 2014

1 answer

145 views

[Solved] scheduler scalability

I wonder what will happen if the number of tasks is high.
As I have understood it, the scheduler will ask the data source for all event regardless of how many they are.

Scheduler

answered on 11 Feb 2014

2 answers

149 views

Virtual Scrolling with DTOs

Existing Service Layer With DTOs
How do I get my existing dataservice layer, which returns DTOs, to support virtual scrolling? I can pass the DataSourceRequest object to the service layer where the DTOs are created but I can't seem to translate the request object into any useful queries.

Manual Filtering Seems Clunky
I can manually implement some of the filtering by using switch statements but this has a horrible amount of overhead.

Dynamic Expression Trees
I was thinking maybe I could create something that parses the FilterDescriptors and creates LINQ Expression Trees to apply to the IQueryable somehow but this also seems to be a little complex for my liking. I like this idea because I can see the power of learning how this API works but I don't have the time to author this at the moment. I also don't know if this will be feasible for performance.

Where are all the code examples?
I haven't seen any examples that help me tackle this problem.

Grid

answered on 10 Feb 2014

6 answers

2.0K+ views

Changing switch color in on position

I would like to change the color of the Kendo Mobile switch when it is in it's on position. By default it is white text in a blue background, but I want a green background.

I haven't been able to find the right css to do that and the themebuilder doesn't seem to be able to do that?

Any hints?

General Discussions

answered on 10 Feb 2014