Questions on Kendo UI for jQuery Forum

2 answers

124 views

I'm creating my first SPA using Kendo and working through the examples. Everything is working great.

I am very interested with the concept that some 'views' do not have to be part of the SPA and can be 'fetched' from a remote resource and a quick test it works lovely. BUT as a v experienced C++ programmer of 20 years+ I am
used to thinking in the negative i.e. what could go wrong and how can I make the app seeminglessly continue for the
user. So my big concern is that the remote view.html will not be reachable (ether missing, bad url, network down etc).

A quick test, by setting the href in the tabstrip <a> to a bad URL, and when I can click on the button the app then hangs. Not good! See:

http://jsbin.com/iQUSuMI/1/edit

I would like to be able to catch/detect the error and show a message to the user or ideally show an alternative default View that I do have in the SPA already.

(FYI my app has to support branding and I am proposing that the 'About, Help and 'News' pages are fetched from my clients web servers as HTML, so my clients can update this information without having to go back to me to release app updates etc. I could use a datasource instead but was interested in the error handling anyway)

SPA

answered on 03 Feb 2014

1 answer

127 views

TypeScript modules / AMD / require.js

I am new to Kendo UI Mobile. I am familiar with building Kendo UI SPA applications using TypeScript modules. In debug configuration require.js is used to load the modules. In release configuration all modules are compiled into a single minified file. I typically use a bootstrapper module to create the kendo.Router, kendo.Layout, kendo.View and my view model instances. My view models are TypeScript classes that inherit from kendo.data.ObservableObject.

I am curious how I would go about creating a Kendo UI Mobile app using TypeScript modules. From reading the documentation on Kendo UI Mobile it appears the views are hooked of to their view models declaratively using data-model assuming the view model instances are global variables. Is there an imperative way of hooking up the views to their view models inside a TypeScript module so that the view model instances are not required to be global variables?

many thanks,

Remco

General Discussions

answered on 02 Feb 2014

2 answers

362 views

Uncaught TypeError: Object [object Object] has no method 'kendoWindow'

myHead.jsp

<head>

<link rel="stylesheet" type="text/css" href="css/kendo/kendo.common.min.css" />

<link rel="stylesheet" type="text/css" href="css/kendo/kendo.default.min.css" />

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

<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>

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

<script type="text/javascript" src="js/kendo.culture.ja-JP.min.js"></script>

<script type="text/javascript" src="js/myJs.js"></script>

<sj:head jqueryui="true"/>

</head>

include.jsp

1.<div id="example" class="k-content">

2. <div id="window">

3. WINDOW

4. </div>

5.

6. <span id="undo" style="display:none" class="k-button">Click here to open the window.</span>

7.</div>

myJs.js

$(document).ready(function() {

var window = $("#window"), undo = $("#undo").bind("click", function() {

window.data("kendoWindow").open();

undo.hide();

});

var onClose = function() {

undo.show();

}

if (!window.data("kendoWindow")) {

window.kendoWindow({

width : "600px",

title : "About Alvar Aalto",

actions : ["Pin", "Minimize", "Maximize", "Close"],

close : onClose

});

}

});

Run this page => Uncaught TypeError: Object [object Object] has no method 'kendoWindow'
kendo.all.min.js version : v2013.3.1324

I refferred this troubleshooting, but not solved.
Whats wrong. please help...

Window

answered on 01 Feb 2014

4 answers

395 views

Set focus to editor

Hi

I am using an editor on my page using MVC helper i.e.

@(Html.Kendo().EditorFor(u = > ....

How do i make it so that when I open the page the cursor is blinking away in the editor ready for me to type.. At the moment I need to click on the editor to give it focus,.

I am sure there is some clever jQuery I need to be using.

Any help much appreciated

Editor

answered on 31 Jan 2014

2 answers

266 views

WEB.API DataSource Cross Domain with Authentication Header

Is it possible to use WEB.API as the datasource when its cross domain and needs an Authorization header set?

I know you can do cross domain with jsonp, but I read in another thread that with jsonp you can't use the beforeSend - setRequestHeader.

var aumData = new kendo.data.DataSource({
                   transport: {
                       read: {
                           url: '<%=Common.GetAppSetting("WebApiBaseUrl") %>Portfolio/Clients/Value',
                           dataType: "jsonp",
                           beforeSend: function (req) {
                               req.setRequestHeader("Authorization", "<%= this.webApiToken %>");
                           }
                       }
                   }
                });

Grid

answered on 31 Jan 2014

5 answers

250 views

Add populated item to listview

According to

http://docs.telerik.com/kendo-ui/api/web/listview#methods-add

you can read that the method add() is adding an empty item as first item and prepares it for editing.

What I expect from the method name is to be able to add a populated item.
Is the only way of doing that to change the data source?

ListView

answered on 31 Jan 2014

2 answers

204 views

Work Week View?

How can I have a week view that displays a 5 day work week? I don't want to display the weekends.

Scheduler

answered on 31 Jan 2014

6 answers

503 views

ImageBrowser - How to get inserted image HTML?

We are using Kendo Image Browser to handle selecting and inserting images from our CDN. In one situation, though, we aren't using the editor as the image destination, but rather just a text area. I added a custom "select" event, and it fires, but I can't, for the life of me, get a handle on the image HTML, especially in Firefox. On the returned value, there is a property called sender, and sender at times, has container information that has the correct innerHTML. But probably 5-10 times, it doesn't have that info. I just want the HTML so I can insert it into my text area.

Is there a format/event that I should be using? Is this even possible?

Thanks in advance,
-Josh

Editor

answered on 31 Jan 2014

5 answers

214 views

How to show "View" in Kendo Grid?

Hi,

I have Kendo grid and I want to show a view in it as you see attachment.

But I could not do it? Can you send me a sample project about it?

General Discussions

answered on 31 Jan 2014

1 answer

70 views

Chart animation originating from incorrect end of bar

With Q3 2013 SP1 & SP2, when drawing a bar chart that has both negative and positive values, with the y axis intercepting at 0, the bar chart animation for bars to the left of the y-axis originates at the left hand end of the bar. Previously, the animation originated at the y-axis for bars either side of the axis. Are there any work-arounds to reinstate the previous behaviour?

See this JSBin for a working example:

http://jsbin.com/ubixOluZ/1/edit?html,js,output

Charts

answered on 31 Jan 2014