Questions on Kendo UI for jQuery Forum

5 answers

208 views

Using dateHeaderTemplate can't link from Week view to Day view

Hello everyone,

I'm using dateHeaderTemplate:

dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'ddd d/M')#</strong>")

But when I click in date header from Week view the scheduler doesn't link to Day view.

How could I use dateHeaderTemplate and it is allowed link to day view?

Thank you
Regards

Scheduler

answered on 08 Nov 2013

4 answers

348 views

[Solved] Keep Drawer Open

When in landscape mode, we would like to prevent the drawer from closing. But in portrait we would like to allow it to operate as usual.

Adding an onHide then immediately calling .show() seems to fire to quick. Is there a better way to keep this open under certain conditions?

Drawer (Mobile)

answered on 08 Nov 2013

1 answer

177 views

problems using remote views with drawer

hello guys,

i'm currently trying to use the remove views into my app but i'm going through some problems ...
my page does not get loaded and i can't figure out why ..

here is my index. html

<!DOCTYPE html>

<html>

<head>

<title></title>

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

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

<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />

<link href="styles/index.css" rel="stylesheet" />

</head>

<body onload="onBodyLoad()">

<script src="lib/jquery.min.js"></script>

<script src="lib/kendo.all.min.js"></script>

<script src="init/cordovaInit.js"></script>

<div data-role="view"></div>

<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['./views/relaySearchView.html', './views/nespressoSearchView.html', './views/dolceGustoSearchView.html']">

<ul data-role="listview" data-type="group">

<li>Menu

<ul>

<li><a href="./views/relaySearchView.html">R</a></li>

<li><a href="./views/nespressoSearchView.html">N</a></li>

<li><a href="./views/dolceGustoSearchView.html">DG</a></li>

</ul>

</li>

</ul>

</div>

<div data-role="layout" data-id="drawer-layout">

<header data-role="header">

<div data-role="navbar">

<a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>

<span>MR</span>

</div>

</header>

</div>

<script>

var app = new kendo.mobile.Application(document.body

{skin : "flat",

initial : "./views/relaySearchView.html"

});

</script>

</body>

</html>

and here are my three html views :

<div data-role="view" id="drawer-relaySearch" data-layout="drawer-layout">

<p>relay</p>

</div>

<div data-role="view" id="drawer-nespressoSearch" data-layout="drawer-layout">

<p>N</p>

</div>

<div data-role="view" id="drawer-dolceGustoSearch" data-layout="drawer-layout">

<p>dolce Gusto</p>

</div>

as you can see, the views are pretty simple ;)

i hope has an answer for me ! thank you !! :)

Drawer (Mobile)

answered on 08 Nov 2013

1 answer

206 views

Tooltip closes unexpectedly

Hello,

I have a button in the tooltip but I am encountering a usability issue with the tooltip whereby the tooltip disappears when attempting to move the mouse over the tooltip content.

The problem is reproducible with the "Loading content with AJAX" demo on your site. Notice how it can be quite tricky to quickly move the mouse over the tooltip without it closing. I tested in both FF and Chrome.

Any ideas?

Thanks,
Gary

ToolTip

answered on 08 Nov 2013

1 answer

253 views

Manually change schema parse

Here is my issue:

I am using the MVC Wrapper for a ListView so I am not setting this up thru javascript and cannot set the schema and columns that way. I need to change the parse function on one of my fields though. Is there any way to do this in javascript before or after the data is loaded? I have gone thru and tried a couple of different places and changed it but its not picking up the new parse.

Basically I need to change a decimal fields default parse from parseFloat to something that will allow it to respect cultures.

any ideas?

Data Source

answered on 08 Nov 2013

1 answer

178 views

Modal window is not closing

I'm trying to open a modal window from another window.
The modal window opens but it give an error when I try to close it.
I tested on Chrome, Firefox and IE.

I'm seding you an example, the page1 opens the page2 in a window and the page2 opens the page3 on a modal window, when you try to close the page 3 you got the error.

Many thanks
FLavio

Window

answered on 08 Nov 2013

9 answers

1.4K+ views

Editor icons not visible

Please see the attached screen shot, the editor renders but there are no icons on the tool bar, I checked editor.png is in the default folder.

<textarea cols="25" rows="5" id="History" style="width:420px" name="History" placeholder="this is a History field" ></textarea>

$("#History").kendoEditor({
tools: [
"bold",
"italic",
"underline",
"strikethrough",
"justifyLeft",
"justifyCenter",
"justifyRight",
"justifyFull"
]
});

This is urgent please help

Editor

answered on 08 Nov 2013

1 answer

482 views

DoubleClick on grid row not working

Hello,

I have experienced the problem that I am not able to get fired a double click event using the following code:

$("#md-contentGrid tbody > tr[data-uid]").bind('dblclick', function (e) { alert(); });

However, firing a doubleclick event on the whole table body is working. As soon as I add the tr tag in the selection string the event is not properly bound.

$("#md-contentGrid tbody").bind('dblclick', function (e) { alert(); });

As you can see in the attached screenshot jQuery should match the html structure.

Can you tell what I am doing wrong?
Thanks in advance!

Grid

answered on 08 Nov 2013

5 answers

808 views

get list of selected items from the ListView

Hello all,

I've been playing around with the Kendo UI controls for a while now and for the most part, it's going great :) (otherwise I wouldn't be on the forums)

When working with the listview-control (configured in multi-select-mode) I can't get the list of selected items.

Code:

01.@using (Html.BeginForm("MyMethod", "MyController",Model))

02.{

03. @(Html.Kendo().ListView<List<MyObject>>()

04. .Name("ListOfObjects")

05.

.DataSource(datasource => datasource.Read(read => read.Action("GetMyListOfObjects", "MyController")))

06. .Selectable(select => select.Mode(ListViewSelectionMode.Multiple))

07. .ClientTemplateId("selectedItems")

08. .TagName("div")

09. .Events(e => e.Change("onSelectObject"))

10. )

11.<input type="submit" class="submit" value="Search" />

12.}

Controller:

1.public ActionResult GetMyListOfObjects([DataSourceRequest]DataSourceRequest request)

2.{

3. return Json(MyService.GetMyListOfObjects().ToDataSourceResult(request));

4.}

To check if I actually selected something, I added an event (the change event "onSelectObject):

function onSelectObject(e) {

var selected = $.map(this.select(), function (item) {

return $(item).text();

});

alert("Selected: " + selected.length + " item(s), [" + selected.join(", ") + "]");

return selected;

}

This works. Meaning that when I select items in my listview, the event is fired and I see the alert-message with the correct length and list of selected items.

Now my question is, when I click the "search" button in the form above, how do I get the list of selected items in my controller?

1.public ActionResult MyMethod(List<MyObject> selectedObjects)

2.{

3. //...selectedObjects is always null

4. return View();

5.}

ListView

answered on 08 Nov 2013

3 answers

380 views

hierarchical grid multiple parameters

for a hierarchical grid, how do I pass multiple parameters to action? I would like to also pass filter = somefilter

currently using this format

.DataSource(dataSource => dataSource
.Ajax()
.PageSize(5)
.Read(
read => read.Action("IndexBinding_acts", "RptInputMetrics", new { csg = "#=next#" }))

)

Grid

answered on 08 Nov 2013