Questions on Kendo UI for jQuery Forum

3 answers

202 views

Bug with kendo editor, hidden element not removing

This bug is to the refrence to the
http://www.kendoui.com/forums/kendo-ui-web/editor/odd-behavior-with-'select-all---delete---paste'.aspx

I am having same issue in my kendo editor.
I could not recreated the cause of the problem (happened multiple times) but i can show you the problem.

Go to:
http://demos.telerik.com/kendo-ui/web/editor/api.html

on the set value textbox put
<p class="k-paste-container">test</p>
and click set value.
now when this is set then, the editor layout is unusable. Whatever you then type is there, but is hidden. You cannot remove the <p> element. Select all -> delete doesn't work.
when you see the value of the editor it is "<p class="k-paste-container">test</p>"
More problem lies when you save the value in database. When you load the same content to the editor, it is not usable to tell the least.
I am using 2013.3.1119 version of the kendo

Hope to fix this problem asap.

Editor

answered on 03 Feb 2014

2 answers

160 views

Guidance Needed: Child Collection on Create View

I have a general question.
I'm new to Kendo and have a need to build a single page data entry view which will create a new object, it's properties, and a couple of child collections of objects. For example:

Retailer.<various properties>
Retailer.PhoneNumbers.PhoneNumber
Retailer.PaymentsAccepted.PaymentType

My question is this: When I create the new retailer (ie: Create action on the Retailer controller) will I have an issue using a grid to create my phone numbers? Does the grid want to post back with each update of a new line or can I post the collection of phone numbers back when the form is submitted?

Functionality similar to the inline editing grid sample: Grid sample

My stack is MVC 5, EF 6 and Kendo UI Complete w/MVC Wrappers

Thank you for any guidance!

Grid

answered on 03 Feb 2014

3 answers

272 views

Change color of Navigation Calendar and Formatted Date?

How do I change/override font color of Calendar icon and formattedDate in the top navigation bar?

Scheduler

answered on 03 Feb 2014

2 answers

127 views

SPA but only some S and error handling

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

131 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

370 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

407 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

280 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

256 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

208 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