Questions on Kendo UI for jQuery Forum

0 answers

109 views

How to set the size of the Dropdown List box as well as list of its options size to auto?

How to set the size of the Dropdown List box as well as list of its options size to auto. The drop down should automatically increase in size like a normal HTML DropDown. How can I achieve this?

DropDownList

asked on 15 May 2012

0 answers

101 views

id variable on columns

hello
may declare when columns of this type

columns: [

{ field: "FirstName", title: "productos", format: "{0:c}", type:"String",editable: false, width: "150px" },

{ field: "City", title: "cantidad", editable:true, type:"Number", validation: { min: 1, required: true },width: "150px" },

{field: "BirthDate", title: "fecha de Entrega",type:"String",editable:true,width:"150px"},

{ field: "favoritos", title: "favoritos", editable:true, type:"String",width: "150px" },

{field: "boton", template: "#= '<form id=\"form3\" method=\"post\" action=\"prueba9.asp\"><input type=\"text\" name=\"nombre\"id=\"<-------------------here\"><input type=\"text\" name=\"apellido\" id=\"<------------------here\"><input type=\"button\" id=\"boton3\"class=\"boton3\"value=\"Enviar\" onclick=\"document.form3.nomb.value=documen t.form3.nomb.value;document.form3.favo.value=document.form3.favo.value;submit();\"></form

>' #", title: "favorito", width: "100px",type:"String", editable:false },

{ field: "añadir", template: "#= '<input type=IMAGE SRC=\"add.gif\"\id=\"añadir\" value=\"CODE\" />' #", title: "añadir", width: "210px",type:"String", editable:false }],

can add a variable to increase and give me id different <input>?
and if so how to do?

regards!!

Grid

asked on 15 May 2012

3 answers

131 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

141 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

416 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

151 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

495 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

800 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

97 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

325 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