Questions on Kendo UI for jQuery Forum

1 answer

202 views

[Solved] Map clicking and panning events

When the user clicks an area on a map, I want to record the lat/long and create a marker where the click occurred.
I use the 'click' event to achieve this. This works fine, except that when the user pans the map (holds the mouse button and moves the map), I don't want to record the lat/long and create a marker. I basically want to ignore panning.

Inside the click event, is there a way to differentiate between a regular click and a click that occurs as part of the panning? I also tried attaching to the 'panEnd' event, but haven't found anything to achieve what I want, such as some sort of offset value indicating if the map moved.

I'm using Kendo UI Complete v2013.3.1119 with IE10.

Map

answered on 03 Feb 2014

1 answer

76 views

Grid with Pop Up Editor - Cascading ComboBox posts old selected value on Update

Hi,

I have a problem with the ComboBox in a Grid Editor Template. The options in the ComboBox are filled by cascading from a DropDownList in the Editor Template which works great. However, if I Update one of the rows I've already added, and choose an option in the DropDownList that results in zero options for the ComboBox and click Update from the pop up without typing anything, the Update event of the Grid posts the old selected value. How can I ensure that the Update event will post the new empty value from the ComboBox?

ComboBox

answered on 03 Feb 2014

3 answers

231 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

179 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

285 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

137 views

[Solved] 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

147 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

384 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

433 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

302 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