Questions on Kendo UI for jQuery Forum

1 answer

148 views

striped list

I'm trying to display large number of items using ListView (web). Solid view looks not good so I need to have striped list.

Below script is not working

$("li:odd").css("background-color", "#202020");

How I can make ListView striped?

ListView

answered on 14 Sep 2012

0 answers

159 views

how to get gridcell value

json: 1.jpg
i want grid view is :2.jpg
when i select the cell,i want to get the dataitem like 1.jpg.
how to do?
thx!

Grid

asked on 14 Sep 2012

2 answers

1.5K+ views

kendoChart is not a function

Hello,

I am new to Kendo UI and want to start to create my 1st pie chart.
But If I run my webpage, I get following error from firebug:

$('#chart').kendoChart is not a function

This is what I include in the header:

<!doctype html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="/css/kendo/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />

<link href="/css/kendo/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<script src="/kendo/js/jquery.min.js" type="text/javascript"></script>

<script src="/kendo/js/kendo.web.min.js" type="text/javascript"></script>

</head>

Do I miss a file to include?
What I thought is that I had to include kendo.dataviz.min.js, but this file does not come with the kendo package.
The files I have inside my kendo/js folder are attached as image.

Thank you for any help!

Charts

answered on 14 Sep 2012

2 answers

136 views

[Solved] Manual filter --> Property '_parse' of object [object Object] is not a function

I'm trying to create a feature which will auto-filter a grid using an input field in the toolbar. The source can be found at http://jsbin.com/odudud/8.

I have 2 questions:

Each time I apply my manually-created filter, I get "Property '_parse' of object [object Object] is not a function
". Can you explain what I might be doing wrong to get this?
Is there a way to filter a Number field so that I can search its contents (i.e., using 'contains' with a Number field)?

Thanks!

Data Source

answered on 14 Sep 2012

4 answers

1.0K+ views

[Solved] Refresh method with object as parameter

function onEdit(e) {

var id= $(e).attr("data-assumptionid");

var window = $("#EditAssumptionWindow").data("kendoWindow");

var assumption = findById(assumptions,id);

window.refresh({

data: {

ID: assumption.ID,

Term : assumption.Term,

type : assumption.Type,

unitID : assumption.UnitID,

Name : assumption.Name

}

});

window.open();

window.center();

}



Controller method

public ActionResult EditAssumption(Guid  ID, int Term, string Name, string type, int unitID)

        {

            ViewBag.Mode = "Edit";

            AssumptionDTO dto = new AssumptionDTO()

            {

                ID=ID,

                Name=Name,

                Term=Term,

                Type=type,

                UnitID=unitID

            };

            return PartialView("NewAssumption", dto );

        }

I am using the above to refresh the window when the user clicks an item and it works fine.

Is it possible to pass the object itself instead of each parameter individually? like below. I need to do this because the assumption object is going to have an array that needs to be passed in as a parameter also. Thanks,

function onEdit(e) {

var id= $(e).attr("data-assumptionid");

var window = $("#EditAssumptionWindow").data("kendoWindow");

var assumption = findById(assumptions,id);

window.refresh({

data: {

assumptionDTO: assumption

}

});

window.open();

window.center();

}



Controller method

public ActionResult EditAssumption(AssumptionDTO dto)

        {

            ViewBag.Mode = "Edit";

            return PartialView("NewAssumption", dto );

        }

Window

answered on 14 Sep 2012

1 answer

137 views

date change event.

hello,

I'm working with a kendo datepicker. I created the control with a change event option.

When i run the page, if i already have a date in the input and y modifie it by adding some text to the input the change event is not fiered.

EX:

1- run code
2- the input has "12/12/2010"
3- add some invalid text to the end ex: "12/12/2010asdasd"
4- the input text of the input now is "12/12/2010asdasd"

the change event is not fiered.

When i do the same but instead of add text, select all the text with the mouse and then y wrote any thet to the input, the change event is fiered.

EX:

1- run code
2- the input has "12/12/2010"
3- select the input text with the mouse and write "asdasd"
4- the input text of the control now is "asdasd"

the change event is fiered.

is this the proper behaviour??

Regards
Guillermo

DatePicker

answered on 14 Sep 2012

1 answer

184 views

Can you set min/max using data-attribute initialization?

Kendo ver. 2012.2.710

I need to have multiple pickers (date and time) in a template that I call keno.init() on. In the template I'm using data-attribute declaration for the pickers. With data-attributes, can you set min/max for the pickers? I've tried, but Kendo doesn't like it.

http://jsfiddle.net/q3FPV/3/

Thanks.

DatePicker

answered on 14 Sep 2012

12 answers

363 views

[Solved] missing icons in tabstrip with platform=ios on android

Hi Kendos,

I'm playing with Kendo and ran in to a problem. When I try to force ios-look on Android mobile with this code

<script>
new kendo.mobile.Application($(document.body), {
platform: "ios"
});
</script>

all the icons in the tabstrip disappear and leave only a blue square. Same with data-icon used in listview. Are there any solution to this problem???

Application

answered on 14 Sep 2012

1 answer

346 views

Destroying tab content

Hi folks,

maybe my question is a bit un-kendoish but i am thinking about performance during the lifetime of an application. My users can open as many tabs as they wish and close them, too. When a tab is removed its elements are removed from the DOM. What happens to the event handlers attached to them? Are they automatically removed as well to allow garbage collection of the no-longer-pointed-to objects?

Every time a tab is opened its page is downloaded and its 'code-behind' script is loaded into memory. In the Visual Studio Cassini you can see that these scripts are never unloaded from memory. Probably the objects created in the scripts will stay in the interpreter's scope forever, as they are interrelated with each other. What would be the best strategy to keep those leaks small? Putting as few code into these scripts as possible is probably a good idea, but what else? Delete everything by hand? Or is there any way to unload a script?

All the best
Kai

TabStrip

answered on 14 Sep 2012

18 answers

1.0K+ views

attach key and value pair to node

Is there a way to attach key value pair to node like you have in Treeview of ASP.NET MVC?
Something like this

new TreeViewItem
                                {
                                    Text = item.FirstName + " " + item.LastName,
                                    Value = item.EmployeeID.ToString(),
                                    LoadOnDemand = item.Employees.Count > 0,
                                    Enabled = true
                                };

TreeView

answered on 14 Sep 2012