Questions on Kendo UI for jQuery Forum

7 answers

523 views

Hello everyone,

We implement linear gauges with the arrow pointer in our application. I was wondering if there is a way to display an actual label next to the pointer, which would show the value? Please see the attached image.

Also, had a question about scaling the size of the linear gauge. It looks like the background of the gauge is an actual image. If we would like to scale down the size of the entire gauge to adjust to the size of its outer container, what method would you recommend for that?

Thank you for your help.

LinearGauge

answered on 15 May 2012

4 answers

823 views

Hide Labels

Hi Team,

Can i hide these numbers (0 - 100) and lines.

Thanks,
Rajesh.C

LinearGauge

answered on 15 May 2012

2 answers

116 views

Reloading grid takes nearly 2x as long as initializing the grid

Hello,

I have a very complex grid that takes a few seconds to load. It's tied to a local data source, and when I refresh the grid, it's taking more than 3x as long as the initial grid load takes.

One thing I've noticed is that when the grid is refreshed, the dataBound event handler is called twice, as demonstrated here: http://jsfiddle.net/boblauer/YZcYC/. Even if the dataBound event handler wasn't being fired twice, that still wouldn't account for the 3x slowness that I'm experiencing on refresh. Is it possible other events are also being fired twice?

The code I'm using in my project to refresh the grid is the same that I'm using in that fiddle. Is there a better way to do this?

Thanks,
Bob

Grid

answered on 15 May 2012

2 answers

345 views

Programmatically Show / Hide Back Button

Hi,

Was just going to just JQuery show / hide but this CSS code removes the entire navbar?

<div id="header" data-role="layout" data-id="app">
<header data-role="header">
<div id="navbar" data-role="navbar">
<a id="navbar_back" style="display:none" data-role="backbutton" data-align="left">Back</a>
<span id="viewtitle" data-role="view-title">One Min Changes</span>
</div>
</header>

Thanks
Matt

NavBar

answered on 15 May 2012

2 answers

147 views

DataSource video example dont work??

Before my implementation I reproduced your video example about datasource but my example I use local data (http://www.youtube.com/watch?feature=player_embedded&v=FhHMOjN0Bjc)

I need show the id of "DataSource" when select the kendoGrid although the kendoGrid dont show the id in column

var mydata = [{id:"1",age:"23",name:"hernan"}];

var myschema = kendo.data.Model.define({

id : "id",

name: "name",

age: "age"

});

var ds = new kendo.data.DataSource({

data: mydata,

schema : {

model : myschema

}

});

//and in the grid I configured it:

var

personId;

$("#grid-distributors").kendoGrid({

dataSource: ds,

selectable: true,

height: 360,

scrollable: true,

sortable: true,

pageable: true,

change : function() {

var id = this.select().data("id");

personId = this.dataSource.get(id);

alert(personId); //DONT SHOW ME THE ID!! :(

},

columns: [

{

field: "name",

title: "Nombre"

},

{

field: "age",

title: "Edad"

}

]

});

Data Source

answered on 15 May 2012

11 answers

439 views

Grid API method trigger help

We have a grid on the browser page that works great BUT we want it to save every time they delete a record, and then to notify them the record was saved of course. (displaying the same page of data).

Issue:
We cannot seem to get the grid to refresh. We see the API function but our interpretation of the docs is not working for us.

Grid

answered on 15 May 2012

1 answer

157 views

Destroy Response

I'm using django 1.2 and a variation of https://github.com/tnajdek/django-kendoui-backend that i modified to work with 1.2.

What do I return back from the server for a destroy request? All the CRUD services appear to be working properly except the destroy. I believe it is because I'm not returning the proper response from the server. It deletes the item properly, but the next time I update or do anything dealing with the CRUD services, it tries to delete the item again so I think the DataSource is not realizing that it was deleted properly so it tries again on the next call.

Grid

answered on 15 May 2012

1 answer

244 views

Changing Color of Back Button

Is it possible to simply change the color of the back button? By overriding the kendo classes I was able to change the main body of the background, but not the arrow tip. (Please see attachment.) Any assistance would be appreciated.

NavBar

answered on 15 May 2012

0 answers

86 views

Local datastore strange behavior

Hi All.

I trying to create a local data store like this (this is an official example from docs)

var movies = [ {

title: "Star Wars: A New Hope",

year: 1977

}, {

title: "Star Wars: The Empire Strikes Back",

year: 1980

}, {

title: "Star Wars: Return of the Jedi",

year: 1983

}

];

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

But i cannot get a data from the datasource:



localDataSource.data(); // returns "[]"

DataSource data size:

localDataSource.total(); // returns "0"

Where I am wrong?

Data Source

asked on 15 May 2012

3 answers

162 views

View Transitions >> Adjusting Easing

Hey Kendo,

I'm looking to adjust the easing between various views as the built-in defaults are a bit too linear. Looking at kendo.fx.js, I see that you've extended easeOutExpo for internal use, but when attempting to pass in Transition.easeOutExpo into

extend(kendo.fx, {

transition: function(element, properties, options) {

options = extend({

duration: 200,

ease: Transition.easeOutExpo, // 'ease-out'

...

it appears to break the slide all together. Seeing that you're using CSS3 for your transitions, is it possible to pass in your own via tools like Ceasar and extend Transition further via the syntax that you've provided above?

Any help would be appreciated.

General Discussions

answered on 15 May 2012