Questions on Kendo UI for jQuery Forum

4 answers

246 views

[Solved] Uncaught TypeError: Object has no method 'observable' (or 'bind')

Sorry if this is a really dumb question - I'm sure it will be something obvious - but why do I get an Uncaught TypeError when I do kendo.observable (and kendo.bind) in the code below?

Trying to follow the examples but falling at the first hurdle!

Many thanks!

<!DOCTYPE html>

<html>

<head>

<title>Test page</title>

<script src="js/kendoui/jquery-1.7.1.js"></script>

<script src="js/kendoui/kendo.all.js"></script></head>

<body>

<span data-bind="text: name"></span>

<script>

var viewModel = kendo.observable({

name: "John Doe"

});

kendo.bind($("span"), viewModel);

</script>

</body>

</html>

MVVM

answered on 10 Dec 2013

7 answers

726 views

DatePicker Use IE9 compatibility mode IE7 or IE8 day not selected

- Using Browser "IE9"
- compatibility mode IE7 or compatibility mode IE8
- HTML header in <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

http://demos.kendoui.com/web/datepicker/index.html

choose date not selected!!

the calendar opens up but it does not selected

DatePicker

answered on 10 Dec 2013

6 answers

474 views

data connection between 2 grids on same page

Hi,

i have a master grid displaying on a page, depending on the selection of the grid row, have to generate a dynamic url to be passed to the datasource of grid2 and this reloads the data into grid 2.

is there a way where on change event of grid 1: i can pass a parameter via datasource.read() for loading data into grid 2 dynamically.\

thanks in advance.

R

Data Source

answered on 10 Dec 2013

1 answer

125 views

Mobile ThemeBuilder

Is the MobileThemeBuilder for the flat/universal application available? I thought it was to be part of Q3 - but I can't find it.
Thanks!
Bill

General Discussions

answered on 10 Dec 2013

4 answers

575 views

Confused about when bindings are triggered.

Given a view model, I have tried the following;

var viewModel = new kendo.observable({

Items: [],

onUpdateItems: function(e){

console.log('updating items');

}

});

viewModel.Items.bind('change', function(e){

viewModel.onUpdateItems(e);

});

viewModel.trigger("change", { field: "Items" });

This does not cause the function to trigger. Though if I actually change items in the view, like interacting with it, it causes the function to fire. This doesn't make a lot of sense to me.

MVVM

answered on 10 Dec 2013

1 answer

100 views

how do i suppress the > in the drawer

Using the example i have a login / logout link on the drawer.
Now my question is how do i go about hiding the ">" that is placed after the link. in this case i am not calling another view but want to do an action.

<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['drawer-home', 'drawer-settings' ">
<ul data-role="listview" data-type="group">
<li>Application
<ul>
<li data-icon="inbox"><a href="#drawer-home" data-transition="none">Show</a></li>
</ul>
</li>

<li>Account
<ul>
<li data-icon="settings"><a href="#drawer-settings" data-transition="none">Settings</a></li>
<li data-icon="off" id="logintext" ><a href="#" onclick="app.LoginLogout()">Login</a></li>
</ul>
</li>
</ul>
</div>

Drawer (Mobile)

answered on 10 Dec 2013

2 answers

87 views

Please help - beginner

Hi.
I was struggling those days with a listview.
Basically, I want to load data remotely.

Here-s the html code:

<div data-role="view" data-init="initListView">
<ul id="listView"></ul>
</div>

<script type="text/x-kendo-template" id="foo-template">
#: data #
</script>

And here's the javascript code:
function initListView(e) {
var dataSourcevar = new kendo.data.DataSource({
transport: {
read: {
// the remote service url
url: "http://localhost/PCW/list.php",

// JSONP is required for cross-domain AJAX
dataType: "jsonp"
}
}
});

dataSourcevar.fetch(function() {
var products = dataSourcevar.data();
console.log(products[0].ProductName);
});

e.view.element.find("#listView").kendoMobileListView({
template : $("#foo-template"),
dataSource: dataSourcevar
});
}
I'm loading data from a localhost script made in php. The script displays:
callback([{"id":"1","name":"Chihuahua","picture":"Chihuahua.jpg"},{"id":"2","name":"chow-chow","picture":"chow-chow.jpg"}])

However, neither the data it's displayed, neither the javascript log displays something.
Please help

ListView (Mobile)

answered on 09 Dec 2013

4 answers

159 views

[Solved] Input is not accepted when pressing Enter too fast

Hi
We have a problem with ComboBox, that can be reproduced with your online demos.
Our ComboBox should accept every numerical input and not only the items in the corresponding list.
If we enter a number and press Enter immediately, then the input will not be accepted.
If we wait for a short time before pressing Enter, the new value is accepted correctly.
It seems to me, that the delay (the configuration property) is the time to wait for.
Steps to reproduce the error:
- Go to the basic usage demo of the ComboBox
- Clear the "T-shirt Size" combo
- enter a number and press Enter IMMEDIATELY.
- The message box will tell you, that you ordered the size "X-Small", no matter of your input
- Repeat the steps but wait a second before pressing Enter. Now the size will be stated correctly, according to your input.
Thank you for any help!

ComboBox

answered on 09 Dec 2013

2 answers

172 views

DataGrid Filtering issue on Mobile app

Hello,

Let's take the following example (3 views: one view with 2 buttons that when clicked redirects the app to the other views, each of them containing a grid):

<body>

<div id="mainPage" class="k-content" data-role="view">

<a data-role="button" href="#example1">Test 1</a>

<a data-role="button" href="#example2">Test 2</a>

</div>

<div id="example1" class="k-content" data-role="view">

<div id="grid1"></div>

....

</div>

<div id="example2" class="k-content" data-role="view">

<div id="grid2"></div>

.....

</div>

<script>

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

</script>

</body>

After pressing one of the 2 buttons in the top the app will navigate to one of those 2 views that have a grid inside (The scripts to create the grids and other data is omitted). When trying to filter a grid's column the app will navigate to a new view that contains the filter view ( or the column menu, depending on the settings of the grid). After pressing one of the buttons in the Filter view (Clear, Filter, Cancel) the app is redirected to the initial view when the app started which is: "mainPage" view. Why is this happening? Why doesn't it redirect me to the previously view (the view with the grid that triggered this filtering) ?
My application is much more complex than that, but I've reduced the problem to this simple example.
Can I override this behavior of the grid's filtering on Mobile applications, and set the normal web one with dropdown ?

Thanks,
Walid

Grid

answered on 09 Dec 2013

3 answers

308 views

Grid Read Error: The Result of the Query cannot be enumerated more than once Error

I have a Grid read method that throws this error on the ToDataSourceResult line at the bottom.
The context.Search_All method is a SQL Stored Procedure in the context object.

Any suggestions?

public ActionResult Search_Read([DataSourceRequest]DataSourceRequest request, SearchInputModel input)
{
var username = _identityService.UserID;
using (var context = new eEntities.eWJB())
{
context.Configuration.ProxyCreationEnabled = false;


IQueryable search = context.Search_All("a", "b", "c", "d", "1", true)
.AsQueryable()
.Select( item => new SearchResultModel
{
ID1 = item.ID1,
ID2 = item.ID2,
1D3 = item.ID3,
Name= item.Name,
Name2= item.Name2});
var result = search.ToDataSourceResult(request); <--- Error Here

return Json(result, JsonRequestBehavior.AllowGet);
}

}

Grid

answered on 09 Dec 2013