Questions on Kendo UI for jQuery Forum

4 answers

268 views

Using the same model for DataSource and View

I'm not sure if I'm doing something conceptually wrong, but I'd like to use a predefined model and fill it with data form a remote request through DataSource AND the same model inside a view for exposing it's data in HTML.

Right now, I'm doing something like that:

ModelUserProfile: kendo.data.Model.define({

id: "userId"

,fields: {

,firstName: { type: "string" }

,lastName: { type: "string" }

        ...

}

});

var datasource = new kendo.data.DataSource({

...

schema: {

model: ModelUserProfile

},

...

});

<div

id="show-userprofile"

data-role="view"

data-model="ModelUserProfile"



     data-layout

="default"

>

...

</div>

<script id="templateUserprofile" type="text/x-kendo-template">

...

<div data-bind="visible: firstName">Vorname:</div>

...

</script>

As soon as I use the binding inside the view, I'm getting an "Uncaught TypeError: Cannot read property 'get' of undefined" from kendo.mobile.min.js.

Am I doing this wrong (or too complicated?).

As a work-around, I changed it to:

# if (firstName) { # <div>Vorname:</div> # } #

which works fine, but I'd prefer to bind it.

Thanks in advance for any help on this.

MVVM

answered on 16 Dec 2013

3 answers

422 views

MVC Kendo Grid Sorting Enum

I have a Kendo Grid with a column bounded to a enum. All works fine except when it comes to sorting. The sorting is performed on the int values of the items, instead of by the text. i.e.

public enum Test{
    Red = 1,
    Yellow = 2
    Amber = 3
}

Sorting ascending, it outputs: Red, Yellow, Amber. Instead of Amber, Red, Yellow.
Sorting descending it outputs: Amber, Yellow, Red. Instead of Yellow, Red, Amber.

How can I get it to sort properly based on the text strings on the left?

Thx!

Mao

Grid

answered on 16 Dec 2013

1 answer

62 views

what widgets would you use to accomplish the following?

New to Kendo and tablet/responsive development and am really lost trying to decide what widgets to use for the following.

Id like something to work like the dropdownlist in the mobile framework forms section except it would work like this.
Click on an initiator.
Depending on window size, slide over or just open something on the screen like the dropdown does.
Load and display a grid which has the potential to be very long. Allow the user to highlight more than one row which will act as selections so vertical scrolling will be required.
Hit a back or close and you are back to the same page where the initiator is.

I've found some widgets here and there while going through all the examples but didn't write them down and now I can't find them anymore.

thanks

General Discussions

answered on 16 Dec 2013

1 answer

212 views

Removing fields and setting up Read-Only status.

Hello My dear friends ,

I am having problem in organizing the Scheduler's elements. My requirements is

Read only Status :
=================
* Title Fields
* Description Fields

Remove Elements :
=================
* All Day Events
* Repeat

For your better understanding, please download the file attached herewith.

Any help and code sample would be highly appreciated.

Scheduler

answered on 16 Dec 2013

1 answer

137 views

Small bug in grid's map file

This isn't a big deal, but thought I would bring it to attention.

When creating a grid using MVVM and if you forget to set the data-selectable="multiple,rows" or even data-selectable="true" on a grid, you can get the wrong error message in Chrome's Console when you try to select all rows using javascript. Instead of telling you that the error occurred in kendo.grid.js on line 2057 because the property "objects" doesn't exist, it tells you that the error occurred in kendo.treeview.js on line 964 (or 966).

The code to reproduce is here, but I can only get the map file details when using Chrome. Click on the button that runs "Select All" and it won't select in the jsFiddle example, but if you were to run it in Chrome, it spits out a TypeError with the (wrong) information about file and line number.
http://jsfiddle.net/joelpenner/cCaz3/

Again, not that big of a deal, but still something to know about.

Grid

answered on 16 Dec 2013

3 answers

154 views

Tabstrip menu and external pages

Hello,

I'm looking for a way to load an external url into a view in such a way that the tabstrip menu stays visible.
Tried all sorts of things, iframes, url load methods etc all to no avail.
Is there a way to use the inappbrowser in conjunction with a tabstrip menu?
Any hint to get a browser working with a tabstrip is highly appreciated...

Thanks, Hans.

General Discussions

answered on 16 Dec 2013

5 answers

101 views

Kendo UI + MVVM best practics

Hello,
I have simple scenario
kendo grd with data from MVVM (kendo observable array iser list) and 2 kendo windows - in 1 I'm editing details, second editing another data. Both related to grid UserId. When I click on edit in grid row user edit window is displaying. Similar to another window for displaying user orders.
Could you please advise me how should I organise it.
So far i'm doing it on 1 view. 3 kendo view models, each related to diferent DOM object (divGrid, divEditDetais, divDisplayOrders).
Then I could refresh grid when I have finished editing user details.
but if I want edit edit more details for grid - lets say 5 diferent things in 5 diferent kendo window - it is dificoult to manage in 1 java script file and 1 view.
How I should to do? can I use partial view? But how refersh mvvm on main view without reload?
Please advise.
Regards
Leszek

General Discussions

answered on 15 Dec 2013

6 answers

100 views

Recent Updates to Icenium

I am working on an application that was being built against Cordova 3.0 and Kendo UI Mobile v2013.3.1119. When running on an Android device, using a datasource pointed at a remote JSON endpoint (using a custom transport) works without issue.

However, as soon as I attempt to build the app against Cordova 3.2 the datasource no longer works and throws error. I thought that maybe this had something to do with using a version of Kendo UI Mobile that was newer than what is provided by Icenium, but even after switching to that the version the error persisted.

Switching back to Cordova 3.0 corrects the issue. Is there some way for me to determine what the actual error as the only error message returned by jQuery.ajax is "error"? Have permissions requirements changed in Cordova 3.2 for internet requests? I currently have the following permissions selected for Android:

ReadPhoneState
Internet
AccessNetworkState

Thanks

General Discussions

answered on 15 Dec 2013

1 answer

506 views

How to set categoryAxis Width?

I'm currently loading 4 bar charts on the page, but they don't line up perfectly due to categoryAxis (Y Axis) labels are different length. How do I control the categoryAxis width so the charts will all line up? I've attached a screenshot to show what I mean.

Aaron

Charts

answered on 14 Dec 2013

2 answers

221 views

Paging not working

First, I am using ASP.Net MVC 4 and the following code to bind to an IEnumerable list...

<div style="text-align:right">
@(Html.Kendo().ListView<mattcuda.com.Kendo.Models.MattCudaImage>(Model)
.Name("listView")
.TagName("div")
.ClientTemplateId("template")
.Navigatable()
.DataSource(dataSource => {
dataSource.Read(read => read.Action("Images_Read", "ListView"));
dataSource.PageSize(5);
})
.Selectable(selectable => selectable.Mode(ListViewSelectionMode.Multiple))
.Events(events => events.Change("onChange").DataBound("onDataBound"))

.Pageable()
)
</div>

When I do this, the listview binds perfectly and it limits the paging to 5 as it should but it won't page to the next set of records. What code am I missing to make this happen. Does it not happen automatically since it is using binding?

Thanks,

Matt

ListView

answered on 14 Dec 2013