Questions on Kendo UI for jQuery Forum

3 answers

137 views

Problem, Randslider change event triggers BEFORE the viewmodel changes

<div data-role="rangeslider" data-bind="value: Capacity, events: {change: editCapacity}" data-max="20">

<input />

</div>

//From the model

editCapacity: function (site) {

saveCapacity(site);

}

function saveCapacity(site){

var data =

{ "id": viewModel.BlockID ,

"campusid": viewModel.selectedCampus.get("CampusID"),

"rotationid": viewModel.selectedRotation.get("RotationID"),

"siteid": site.data.get("SiteID"),

"min": site.data.get("Capacity")[0],

"max": site.data.get("Capacity")[1]

};

$.ajax({

url: "/api/cps/clerkship/blocks/" + viewModel.BlockID + "/editcapacity",

type: "PUT",

data: data,

}).done(function () {

});

}

So let say the values initally are 0, 10. If I change the slider to 0, 5, this function triggers, but the Capacity value is still 0,10. The 0,5 is set after this finishes running.

MVVM

answered on 15 May 2012

4 answers

144 views

Use Kendo windows to set "selectedItem" values?

I have click events on elements to set a model "selectedItem" value (initialized as null, but set on click...)

Can I somehow data-bind a window to do the editing of those selected values? Do you know what I mean...popup editing of an "Item"?

Nothing I try seems to work at all :/ ...so is it even possible?

viewModel = kendo.observable({

selectedItem: null,

editItem: function (item) {

selectedItem = item;

}

});

Also when I set the data-role on the window to be "window" can I not still get a reference to it with $("#window).data("kendoWindow") to get\change values? Seems to keep being "undefined" for me.

Thanks,
Steve

MVVM

answered on 15 May 2012

3 answers

420 views

Can you databind a function...to get "filter-like" functionality?

I have an input box which is my "filter" and that's bound to a viewModel property.

I then also have a collection bound to a template via a function.

The idea was the function would pull on the filter value to change what shows up in the box

Am I way off-base here?...would this even work?

http://jsfiddle.net/stevescotthome/TZJ4c/8/

MVVM

answered on 15 May 2012

1 answer

161 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

500 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

812 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

102 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

330 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

136 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

425 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