Questions on Kendo UI for jQuery Forum

3 answers

135 views

Add Mobiscroll to ModalView and change z-index of ModalView

I am trying to use mobiscroll in a modal view and everything works fine, however, the mobi scroller ends up under the modalview and I am unable to make a selection.
Is there a way to change the z-index of the modalview so that the mobiscroll will end up on top of the modal view?

Any help with this will be appreciated

ModalView

answered on 19 Feb 2013

1 answer

123 views

Altering treeView Hierarchy

Hi
I have a doubt in TreeView Component.

I want to move the selected node one step forward or backward.
For example,
Consider a tree structure,

A
A.1
A.2
A.3
B
B1
B2
B.3
C
C1
C2
Now in my case i click c1 and press button the root element C wants to move one step forward and the tree model should change like this
A
A.1
A.2
A.3

C
C1
C2
B
B1
B2
B.3

Thanks in advance,

TreeView

answered on 19 Feb 2013

4 answers

144 views

Slider does not work on ipad

If I use below, it works fine on desktop and simulator but does not work on iPad running IOS6 when I deploy via Icenium. The slider shows up but it does not slide.

<input type="range" min="12" max="120" step="12" />

Is there any way to make it work properly on iPad?

Thanks

General Discussions

answered on 19 Feb 2013

1 answer

45 views

Filter menu not working on IE8 with explicit grid height

I've got a grid initialized with the following attributes:

height:450,
sortable: true,
filterable: true,
scrollable: true

this grid is in an apsx page displayed by a kendo window created dinamically on user click as following:

$(document.body).append('<div id="DetailWnd"></div>');

var wnd = $("#DetailWnd").kendoWindow({
   modal: true,
   actions: ["Minimize", "Maximize", "Close"],
   width: "800px",
   height: "540px",
   title: "Scenario Details",
   iframe: true,
   visible: true,
   content: "showdetails.aspx?ids=" + dataItem.IdScenario,
   animation: {
    open: { effects: "fadeIn" },
    duration: 700
   },

close: DetailClosed
});

In IE8 if i click the filter icon the filter menu is not displayed, if i comment out the height attribute is working as expected.
with a specific height Is working as expected on IE9 and FF 18.0.2.
If i run the page showdetails.aspx alone is working as expected, so i think the problem is caused by kendoWindow widget.

My client is using IE8 and i need to limit the height of the grid how can I achieve this?

Thank you
Regards

Grid

answered on 19 Feb 2013

1 answer

311 views

IE 10 clear "X" not clearing selected value

Hello,

I have this for my autocomplete:

<input id="MemberSelector" name="MemberSelector" type="text" class="MemberSelector" />

I setup the autocomplete and it works great. Later on in my MVC view, I use this to grab the selected value:

var auto = $(f).find("input.MemberSelector").data("kendoAutoComplete");
var item = auto.ul.find(".k-state-selected > span");

It finds the correct values for the items with a selection. However, an interesting side-effect; IE 10 puts a clearing "X" in the input when you type in text. When you click on that X, the input is cleared, but it's retaining the value. I've confirmed it is still retaining the selection of the item after you clear it.

Is that the correct behavior, and is there a work-around?

Thanks.

AutoComplete

answered on 19 Feb 2013

7 answers

510 views

Shared remote DataSource with different filters in Grid

Hi,

I need to bind to a remote json DataSource that is used by 2 Grids. Easy enough.

However, I need a different filter of the same data for each Grid. What is the best way to accomplish this without loading the data twice from the remote server?

Thanks!

Data Source

answered on 19 Feb 2013

1 answer

161 views

Custom editor and batch mode - cell showing old/incorrect value after selecting from DropDownList

I'm following the example here: http://demos.kendoui.com/web/grid/editing-custom.html

The only difference is that I'm getting my grid data from a REST service.

The grid displays fine, and when I click the appropriate cell I get a dropdown with all the options as I would expect. However when I select a value, the grid now displays "undefined" in the cell.

I'm assuming the example works because the data is local, and it's updating the underlying data set of the grid, however I don't want to update the underlying data on every edit... I want to batch the changes.

In the old non Kendo ASP.NET MVC days one had to implement a painful workaround that found and changed the actual text of the TR in the grid DOM once a value had been selected... I'm hoping this is no longer the case?

I've seen other posts with the same issue, however the usual answer is "use a ForeignKey column"; however that's not an option in my case, as it can only support local data for the lookup values and I need to get them from a server. There is an example out there that shows how to obtain the lookup values from a server and store them in a local var for use, however the example assumes that you only have one field you want to bind, because it uses the change event to bind the grid, which won't work if I have many FK lists to obtain (as I do)

Grid

answered on 18 Feb 2013

2 answers

978 views

How do I select a specific cell in dataBound event

Hi!

I want to select a cell after the grid is displayed. How do I select a specific cell based on the column index and row index in the dataBound event?

Thanks

Grid

answered on 18 Feb 2013

1 answer

91 views

kendoEditor doesnt appear

Hello!

Here is my code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="kendo_UI.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

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

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

<script type="text/javascript" src="~/Scripts/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="~/Scripts/kendo/kendo.all.min.js"></script>

</head>

<body>

<form id="form1" runat="server">

<div>

<textarea id="editor" rows="10" cols="30"> </textarea>

<script type="text/javascript">

$(document).ready(function () {

$("#editor").kendoEditor();

});

</script>

</div>

</form>

</body>

</html>

But textarea appears without kendoEditor :-(

What's wrong?

Thank you!

General Discussions

answered on 18 Feb 2013

3 answers

123 views

Is it possible to add page header and footer for SplitView (tablet)

I am not able to add page header and footer for the splitview in tablet, is there any alternate way.

Grid

answered on 18 Feb 2013