Questions on Kendo UI for jQuery Forum

1 answer

138 views

Popup editing not working with date type

(The solution can be downloaded from https://skydrive.live.com/redir.aspx?cid=f375843789525b62&resid=F375843789525B62!18841&parid=F375843789525B62!151&authkey=!ABFfR73fGD96sY0 as the file exceed the max size of 2MB that is too small for a simple project)

I have got a problem when editing using popup mode in kendoGrid, the problem seems to be caused by using a format string in a column of the grid, if I use a template instead it works but, it is not what I would like to do every time I use the grid.

Steps to reproduce the problem:

1 - Open the attached solution in Visual Studio 2010.
2 - Build the solution.
3 - Access http://localhost/KendoGridError in Internet Explorer 9.
4 - Open the console Tab in development tools (F12).
5 - Try editing any Customer.
6 - Observe that the console displays an error message:
SCRIPT1002: Sintax error
jquery.min.js, line 2 Character 11006

Steps to solve the problem using templates (Considering that you still have all the applications in the previous steps open):

1 - Open "Read.cshml" under /Views/Customer in Visual Studio 2010.
2 - Change list.js for list2.js.
3 - Refresh the page in Internet Explorer.
4 - Try editing any Customer.
5 - Observe that it now opens the editing popup.

Another issue I am having is the when I edit a customer it generates an error message on the console, I would like to know what exacly an update operation should return to the grid, the documentation does not seems to help very much.

Thanks in advance.

Carlos Adriano Portes

Grid

answered on 15 May 2012

7 answers

476 views

Value label for linear gauge

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

736 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

91 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

309 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

95 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

407 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

141 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

224 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

73 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