Questions on Kendo UI for jQuery Forum

4 answers

194 views

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

62 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

362 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

557 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

178 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

1.0K+ views

[Solved] 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

117 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

147 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

1 answer

94 views

kendo ui appearance

hi kendo ui mobile apps looks nice in ios simulator
why its looks terrible in android simulator
i mean why the buttons colors changed
why the tabstrip gone top
why the tabstrip text disappeared
can i prevent this
can i make same look in both ios and in adroid

General Discussions

answered on 18 Feb 2013

3 answers

214 views

[Solved] Grid Template Column - Applying Date format

I have a template column in the grid as below,

columns.Template(
            @<text>
            @item.GrantStartDate-@item.GrantEndDate
            </text>
            ).Title("START-END DATE");

Both @item.GrantStartDate and @item.GrantEndDate are nullable dates.

How can I apply 'yyyy-MM-dd' format to these dates

Thanks

Grid

answered on 18 Feb 2013