Questions on Kendo UI for jQuery Forum

0 answers

83 views

Is there a way to target a rule to a specific control?

Like if I have 1 date picker and 4 radiobuttons...

So all the rules run for every control, can I not just have a rule target the date picker, and the other target the radiobuttons (without needing to do if statement checks on each rule)

Templates

asked on 29 Jun 2012

0 answers

162 views

setting Kendo grid column template in run time

Hi

I am new to Java script and to web development. I have a web application demo (MVC 3) and I use the Kendo UI grid control.
I display numeric data in the grid and the default format is 4 numbers after the decimal point.

I would like to allow the user to select the number of numbers after the decimal point and to update the grid column template.

i.e 123.1234 in the grid will become 123.12 if the user selected 2 from the combo box.

Is that possible?

thanks.

Haim

Grid

asked on 28 Jun 2012

1 answer

111 views

MVVM and Animations

I have a relatively complex single-page application that is using MVVM binding and templates for a grid-like list. I'd like to animate the Addition and Deletion of rows from this structure but the default (it seems) for MVVM it to not animate anything.

Any ideas how I can enable this?

I'm using a row-template and binding to a collection of row data in MVVM.

MVVM

answered on 28 Jun 2012

1 answer

124 views

Z-Index of Controls in Window in IE8

According to this thread the issue of dropdowns' z-index being lower than the window has been corrected, but I'm still having this exact problem in IE8. It works fine in IE9. Unfortunately, where my page will be used IE8 is the standard.
http://www.kendoui.com/forums/ui/window/window-z-index-behaviour-issues.aspx

I've also tried the new beta code to see if maybe it has been corrected, but the problem still exists. Has anyone had this issue with IE8 and found a way to work around it? or can you suggest a way to force the dropdowns to be on top after the window is loaded?

Window

answered on 28 Jun 2012

3 answers

232 views

AutoComplete doesn't work with textarea on IE8

AutoComplete works fine with a textarea in Chrome, but in IE8 it fails when it gets to this line in the AutoComplete init():
element[0].type = "text";

I added a try/catch block around that line, and that makes it work just fine in IE8.

AutoComplete

answered on 28 Jun 2012

4 answers

233 views

Window only opens once in MVVM

Ok here's my window

<div id="edit-window" data-role="window" data-visible="false" data-modal="true" data-iframe="true" data-resizable="false" data-minWidth="600px">

</div>

(width is ignored btw, but thats besides the point)

So I then have a click event, based on a template item which calls this

onRunVerb: function (verb) {

    var

window = $("#edit-window").data("kendoWindow");

window.title(verb.data.text);

window.content("<div class='loading''>Loading...</div>");

window.refresh(verb.data.url);

window.center().open();

}

Works great...until I close the window, then click on another button which calls this again...

window is undefined

window.title(verb.data.text);

Ideas?...does it destroy itself on close or something?

Window

answered on 28 Jun 2012

0 answers

96 views

change page

Hi,

how can I change the page of a grid by code?

Where is a FULL documentation (API) available?

Grid

asked on 28 Jun 2012

2 answers

242 views

Grid Filter Text

Wondering if anyone else has seen this issue, or has an answer. I am using the black theme for my grid, which has white text. Unfortunately, when I add filtering, the textbox for the filter value is white, and the text entered is white...same as the grid. Does anyone have any idea how to change this text color so that it shows up?

Thanks in advance...

Scott

Grid

answered on 28 Jun 2012

5 answers

521 views

Replace confirm() with jquery dialog box

Hi,

Can anyone please suggest, how can i replace the confirm alert box on click of delete button of the grid with a jquery dialog box, having ok and cancel buttons?

Regards,
Khushali

Grid

answered on 28 Jun 2012

1 answer

191 views

ListView not binding in Android WebView

I am attempting to write an app via Titanium and implementing the Kendo UI. It took me a few days to find the right combination of JavaScript libraries, but I finally got it working. I've now moved onto attempting to get data (into a ListView to start). The following code snippets do work on iOS with the same setup, so it may have something to do with Android's, but I would appreciate any pointers to something I may be missing:

The HTML file looks like:

<html>

<head>

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

<script src="../js/jquery-1.7.1.js" type="text/javascript"></script>

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

</head>

<body>

<div data-role="view" id="content-options" data-title="Data View 1">

<header data-role="header">

<div data-role="navbar">

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

</div>

</header>

<div id="header-info">

<img src="../images/img-142.jpg" alt="img" />

<div class="version">Some text</div>

<div class="release-date">XX/XX/XXXX</div>

</div>

<ul data-role="listview" id="package-list" data-style="inset">

</ul>

</div>

<script>

var app = new kendo.mobile.Application(document.body, {layout: "default"});

</script>

</body>

</html>

The JSON Array of data is received in a call back from the Titanium framework to the HTML page where it hands off data from the database.

<script>

Ti.App.addEventListener('packageDataResponse',function(responseData) {

var dataSource = new kendo.data.DataSource({

data: responseData.message

});

$("#package-list").kendoMobileListView({

template: "${title}",

dataSource: dataSource

});

</script>

And finally, here's some sample data that comes back to the HTML 5 after the JavaScript call:

responseData.message = [

{ packageid: "1", title: "Package 1", description: "Description for Package 1" },

{ packageid: "2", title: "Package 2", description: "Description for Package 2" },

{ packageid: "3", title: "Package 3", description: "Description for Package 3" },

{ packageid: "4", title: "Package 4", description: "Description for Package 4" }

];

As I said, this all seems to come through just fine when I load it up on iOS, but in the Android WebView, I get the following JavaScript:

Uncaught ReferenceError: title is not defined (2:file:///android_asset/Resources/HTML/en/index.html)

It seems like it can't locate the title attribute of the JSON array, but I don't see any reason why it wouldn't. Has anyone else run into this? Any suggestions from the Kendo folks?

Thanks!

ListView (Mobile)

answered on 28 Jun 2012