Questions on Kendo UI for jQuery Forum

1 answer

144 views

I have implemented Kendo datePicker in .Net as well as Sharepoint 2010. THe Client Id generated in Sharepoint for KEndoDatePicker is like "#ctl00$m$g_3fdcb998_461b_4f78_b53f_aae237e7bc05$ctl00$KendoDatePicker1" in the HTML. But when I try to access this by using this.ClientId from server side, the ClientId does not have $ symbol. This is not the case with KendoGrid. PLease help me on this...

Grid

answered on 08 Feb 2012

2 answers

214 views

Many Instances of a Window, one for each row in a grid

How would one create a new and unique Window for each row in a Kendo Grid? I only want one instance of the window, and each row comes from the database.

For example imagine a Kendo Grid that shows a hundred open jobs and their status. Each row has a link that says "Change status". Clicking that link will open a URL, with options. Upon closing, the grid is refreshed.

Thank you in advance!

Window

answered on 08 Feb 2012

5 answers

339 views

JS error : Unable to get value of the property 'getByUid': object is null or undefined

I have a list view (#menuList). As soon as i configure a datasource including a schema, i get the following js error when i click an item:
Unable to get value of the property 'getByUid': object is null or undefined

My page:

<!DOCTYPE html>

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

<head>

<title>Compano Online Software</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.all.min.js" type="text/javascript"></script>

<script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.mobile.min.js" type="text/javascript"></script>

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

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

<script type="text/javascript">

var vn = "prd.item";

var tm = "<b>${SalesOrganizationShortDescription} ${Code}</b>-<b>${Description}</b><br/>€ ${PurchasePricePerUtilizationUnit}";

function onError(e)

{

}

function menuClick(e) {

vn = e.dataItem.ViewName;

tm = e.dataItem.Template;

var list = $("#list").data("kendoMobileListView");

if (list)

list._refresh();

}

function initList() {

$("#list").kendoMobileListView({

dataSource: {

transport: {

read: {

type: "POST",

url: "/dv.ashx",

data: { vn: vn },

dataType: "json"

}

},

serverPaging: true,

serverSorting: true,

pageSize: 20,

schema: {

data: "d",

total: "count"

},

error: onError

},

template: tm

});

}

$(document).ready(function () {

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

$("#menuList").kendoMobileListView({

dataSource: {

transport: {

read: {

type: "POST",

url: "/webservices/mobile.asmx/GetMenuList",

contentType: "application/json; charset=utf-8",

data: {},

dataType: "json"

}

},

schema: {

data: "d",

model: {

fields: {

__type: { type: "string" },

ViewName: { type: "string" },

Description: { type: "string" },

Template: { type: "string" }

}

},

template: "<a href='tabstrip-grid'>${Description}</a>",

click: menuClick

});

</script>

</head>

<body>

<div data-role="view" id="tabstrip-home" data-title="Home" data-layout="mobile-tabstrip">

<ul data-style="inset" id="menuList" ></ul>

</div>

<div data-role="view" id="tabstrip-grid" data-title="Overzicht" data-init="initList" data-layout="mobile-tabstrip">

<div id="list"></div>

</div>

<div data-role="layout" data-id="mobile-tabstrip">

<header data-role="header">

<div data-role="navbar">

<a class="nav-button" data-align="left" data-role="backbutton">Back</a>

<span data-role="view-title"></span>

<a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>

</div>

</header>

<div data-role="footer">

<div data-role="tabstrip">

<a href="#tabstrip-home" data-icon="home">Home</a>

<a href="#tabstrip-grid" data-icon="favorites">Overzicht</a>

<a href="#tabstrip-detail" data-icon="favorites">Details</a>

</div>

</body>

</html>

ListView (Mobile)

answered on 08 Feb 2012

0 answers

71 views

Kendo dynamic injection rendering issue

Is there a method or function to re-render all Kendo controls displayed in the current screen? The issue I currently have is that when I inject controls dynamically without refreshing the page (using JQuery append() for example) Kendo will continue to render new and existing controls on-top of controls that have already been rendered.

Is there a simple solution to this common problem?

General Discussions

asked on 08 Feb 2012

2 answers

172 views

Error in all examples included in the latest beta

Hi,

I've just downloaded kendoui.mobile.2012.1.124.beta.zip.

In all examples, the file ../../../styles/kendo.common.min.css is included but it is not available (not included in the zip file).

By the way, what's the best file to call from the CDN if I want to developer a mobile app? I guess it's:

<linkhref="http://cdn.kendostatic.com/2012.1.124/styles/kendo.mobile.all.min.css"rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.all.min.js">

Thanks.

General Discussions

answered on 08 Feb 2012

1 answer

78 views

Title of group field

I have defined a group field on the data source. This is bound to a grid. I am not displaying the group field as a grid column. There seems to be no way to define a title (display name) for the group field unless I also add it as a column. Please let me know if there is a solution for this.

Thanks,
Gary

Grid

answered on 08 Feb 2012

5 answers

269 views

AutoComplete not working in layout header

I am trying to add a autocomplete kendo control in the navbar of a layout. The kendo control does not work. If i add the autocomplete in a view it works.

Is it possible to add kendo controls to a navbar/ layout header?

General Discussions

answered on 08 Feb 2012

4 answers

303 views

vertical scrolling

Hi

I created a tabstrip with an kendgrid inside.

The grid is real huge ... they are v scrollbars but I miss the h scrollbars

How to enable v-scroll bars in my tabstrip (or maybe in the grid?)

Marcus

TabStrip

answered on 08 Feb 2012

6 answers

3.7K+ views

paging numbers are not displayed

I have a grid that I am filling via javascript. When I initially fill the grid, the paging numbers are not displayed. However after I sort a column on the grid they appear.

Here is a short video demonstrating the issue, in both IE and FF.

http://screencast.com/t/i3iXWy9v

The sample project is here:(kendogridtest.zip)
https://skydrive.live.com/redir.aspx?cid=80ce78240aa8df49&resid=80CE78240AA8DF49!1296&parid=80CE78240AA8DF49!657&authkey=!AH-nIxcIUDGzY54

Grid

answered on 08 Feb 2012

1 answer

971 views

What is the correct way to set width on a numeric textbox?

I tried:

<input id="hoursBox" value="0" style="width: 100px" />

and I also tried:

$("#hoursBox").width(100).kendoNumericTextBox({

format: "#.00",

min: 0,

step: 0.1

});

both methods adjust the width, but the right side border gets cutoff. I have attached a screenshot, please note the area immediately to the right of the up down arrows. If I don't adjust the width then it looks fine but it's much to wide.

NumericTextBox

answered on 08 Feb 2012