Questions on Kendo UI for jQuery Forum

6 answers

433 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

97 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

505 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

88 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

69 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

126 views

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

115 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

270 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

2 answers

135 views

Group Data returned by WebAPI JSON

The commented part of the code does work, but when I try to group my own stuff it fails.

http://mobile.zuol.ch/api/t_links/getLinks

Is my group: simply at the wrong place or what am I doing wrong?

Markus

var dataSource = new kendo.data.DataSource({

type: "json",

transport: {

read: {

url: "http://mobile.zuol.ch/api/T_links/GetLinks",

data:{

Accept: "application/json"

},

group:{

field: "Kategorie"

}

/* data: [

{ name: "Sashimi Salad", description: "Organic greens topped with market fresh sashimi, wasabi soy vinaigrette.",  letter: "S" },

{ name: "Seaweed Salad", description: "A nice seaweed salad.", letter: "S" },

{ name: "Edamame", description: "Boiled soy beans with salt.", letter: "E" },

{ name: "Maguro", description: "Tuna pieces.", letter: "M" },

{ name: "Tekka Maki", description: "Tuna roll with wasabi.", letter: "T" },

{ name: "California Rolls", description: "Crab sticks, avocado and cucumber.", letter: "C" }

],

group: { field: "letter" } */

});

function LinksListviewInit() {

$("#filterable-links").kendoMobileListView({

dataSource: dataSource,

template: $("#links-template").text(),

headerTemplate: $("#links-header-template").text(),

filterable: {

field: "Kategorie",

operator: "startswith",

placeholder: "Tippen Sie hier um zu filtern ..."

},

});

}

Data Source

answered on 09 Dec 2013

1 answer

978 views

Data Source Update Resets Grid Scollbar

It appears that when you call options.success within the success callback of the Data Source Update, it will reset the grid scollbar to the top. For example, if I scroll down several records and edit a record, the scrollbar will jump back to the top rather than staying where it was. Is there a way to keep the scrollbar from jumping back to the top?

success: function(result) {
// notify the data source that the request succeeded
options.success(result);
}

Thanks,
Blake

Data Source

answered on 09 Dec 2013