Questions on Kendo UI for jQuery Forum

1 answer

65 views

Hi,
I'm trying to create the attached chart with Kendo UI. I'm having trouble with the stacked x-axis (categories).
The closest I've come is this fiddle, but obviously the categories aren't attached to the data.

Is it possible to achieve this with Kendo? Any direction would be appreciated.

Charts

answered on 25 Apr 2013

1 answer

139 views

Binding Listview to a SQL Database and Interpreting the Data

I am attempting to convert my JSON data to a Kendo UI Mobile Listview. my php script outputs this data:

[{"eventID":"1","name":"test","time":"12:00:00","category":"####","subcategory":"####","description":"Event for testing purposes","locationID":"1","picturePath":"http:\/\/####\/~z3370257\/images\/1.jpg"},{"eventID":"2","name":"test2","time":"13:00:00","category":"####","subcategory":"SEIT","description":"Event for testing purposes2","locationID":"1","picturePath":"http:\/\/####\/~z3370257\/images\/1.jpg"}]

This JS Fiddle uses the same html css and javascript file that my app does.

My question is, what do I need to put in my transport & read methods to get it to interpret the data correctly.

ListView (Mobile)

answered on 25 Apr 2013

1 answer

250 views

Left Panel Menu for Kendo Mobile

Do you have something similar to this like the jquery mobile? im still debating if im going to use jquery mobile or your Kendo UI

http://view.jquerymobile.com/1.3.1/dist/demos/widgets/panels/

General Discussions

answered on 25 Apr 2013

1 answer

1.0K+ views

Tab events not firing when selecting tab programmatically

I have a situation where the activate event (or any tab event for that matter) does not fire when i programmatically select a tab. What i am eventually attempting to do is have my app perform a search on one tab and then populate the contents of the grid within another tab (Grid tab) and have that grid be 100% height of the tab.

Seems the grid only displays properly when the tab activate event fires (to resize the tab and grid). But its not in this case.

JSFiddle:
http://jsfiddle.net/jmika99/urYVe/1/

Thanks,
Ashley

TabStrip

answered on 25 Apr 2013

1 answer

134 views

Kendo ui datepicker in inline editing grid with AU date format in the database

Hi Guys,

Since Our database is using AUS format date not US Format.I have added this in my cshtml page, but it is not working since when it pass to the controller it still get the US Date format.

my cshtml page is also inside the Kendo ui tab

i have placed the following in my cshtml page, however the controller still pick up US date format:

<script type="text/javascript" src="@Url.Content("~/Scripts/kendo/cultures/kendo.culture.en-AU.min.js")" ></script>
<script>
kendo.culture("en-AU");
</script>

Please advise

Grid

answered on 25 Apr 2013

3 answers

749 views

Get id of current view

How can I get the id of the current view?

So for the code example below, it should alert "page_introduction".

Example:
<div data-role="view" data-layout="app" data-title="My App" id="page_introduction" data-transition="fade">
content
</div>

<script>
alert("You are currently watching "+app.view.id());
</script>

General Discussions

answered on 25 Apr 2013

1 answer

79 views

ModelVew is not working for .html and .aspx pages.

Usually i am using below syntax to get popup. It is working fine.

<a data-align="right" data-role="button" data-rel="modalview" href="#MySetttings"/></a>

The issue is Now, i have one .aspx page which i want to open in popup. I am using below syntax is not Working

<a data-align="right" data-role="button" data-rel="modalview" href="Settings.aspx"/></a>

ModalView

answered on 25 Apr 2013

1 answer

88 views

RequireJS: kendo.view.min depends on kendo.binder.min

When using RequireJS to initialize kendo.view.min, IE10 returns error "Object doesn't support property or method 'bind'". The Kendo View does not work in both IE10 and Chrome unless kendo.binder.min is also included.

Expected behavior: Kendo View should just work when kendo.view.min is included in the require line.

The attached .zip contains one index.htm file where the Kendo View does not work until kendo.binder.min is moved inside the require line.

<script>

require(['jquery', 'kendo.view.min'], function ($) { // add 'kendo.binder.min' and the issue is fixed

var login = new kendo.View("login-template");

login.render("#application");

});

</script>

<div id="application"></div>

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

<div>This is the login template.</div>

</script>

MVVM

answered on 25 Apr 2013

3 answers

422 views

How to show images from database in a ListView.

Hi

I have a listview for students, and the images of the students are stored in the database. how do i render those in the listview?

Any help is appreciated.

Thanks,
Nick

ListView

answered on 25 Apr 2013

1 answer

107 views

Loading Content with AJAX problems.

I am running into a problem with the TabStrip and wondering if you guys have come across this issue, or even know a workaround for it.

When loading content in the tabstrip with AJAX you are able to quickly click between tabs before they are loaded. This causes all tabs clicked to be styled like they are active and actually appends the content it gets back from the AJAX call all on to the same tab.

Is there a way to stop this? I have some example code if necessary but I am able to replicate the problem using your "Loading content with AJAX" demo at http://demos.kendoui.com/web/tabstrip/ajax.html

http://imageshack.us/photo/my-images/20/tabstripproblem.jpg/
I have attached the screenshot as well from your demo page showing the problem. The exact same thing is happening in our code.

Any ideas?

-b

TabStrip

answered on 25 Apr 2013