Questions on Kendo UI for jQuery Forum

1 answer

596 views

DatePicker - calendar popup for the second instance immediately hides itself

Hi,

If you put twice or more times a DatePicker in a single <label> tag, then calendar popup for the second instance doesn't work, it hides immediately.
I'm aware of that it's not a good practice to put multiple inputs in a single label tag, but sometimes such things happends on a generic pages.

Sample:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css">

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.716/js/angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>

</head>
<body>
<div ng-app="testApp">
<div ng-controller="testAppCtrl">
Try to open the second date picker popup<br />
<label>
From <input kendo-date-picker ng-model="dataObj.dateFrom"/>
to <input kendo-date-picker ng-model="dataObj.dateTo" />
</label>
</div>
</div>
<script>
var testApp = angular.module('testApp', ["kendo.directives"]);
testApp.controller('testAppCtrl', ['$scope', function ($scope) {
$scope.dataObj = {
dateFrom:"2014-11-18T10:29:49.452Z",
dateTo:"2015-11-18T10:29:49.452Z"
}
}]);
</script>
</body>
</html>

DatePicker

answered on 20 Nov 2014

2 answers

131 views

Align categoryaxis & valueaxis crosshairs

Hi,
In the kendo stockchart, is there a way to align the categoryaxis & valueaxis crosshairs so that they are in sync like in this chart?

http://finance.yahoo.com/echarts?s=AAPL+Interactive#

See how when you move the mouse on the chart, both crosshairs move in sync so you can easily figure out the category & value of each data point on the chart.

Thanks,

Charts

answered on 20 Nov 2014

8 answers

827 views

[Solved] Editor adding characters ï»¿

Hi guys,
I'm evaluating your web widgets for our company and I have noticed some weirdness when using the Kendo UI Web Editor.

If you click somewhere in the document but do not highlight text, then click the insert link or underline buttons, the editor adds the following characters:
ï»¿ï»¿ or ï»¿ï»¿ in html.

This also happens on your demos that come with the trial download, but not your website live demos.
I have tested this on IE10, Chrome and Firefox 22

I've tried setting the UTF-8 encoding on the scripts and html page but that doesn't help.

Any ideas?

Editor

answered on 19 Nov 2014

1 answer

328 views

Export all data to excel or PDF

With the new export to excel and PDF functionality, is there a way to export ALL of the data for a grid rather than just the current page's data? The example only exports the page that is currently being viewed, which is next to useless IMHO.

Thanks,
Lee

Grid

answered on 19 Nov 2014

1 answer

133 views

Demographic Information

I would like to plot demographic information like, county,zipcode, state based on the lat and long coordinates. My requirement is very similar to google api fusion tables. Pl. suggest.

Map

answered on 19 Nov 2014

1 answer

96 views

Customize editor to support adding 508 attributes to table columns.

Is it possible to extend the editor in such a way to add functionality to add captions to table columns in such a way as to ensure that assistive technology will know where the headings are and be able to announce them. For example http://jimthatcher.com/webcourse9.htm Using the caption element.

So for example, adding inputs to create captions for all table columns or some other way to add captions.

Would also want to turn off features such as adding images in the editor.

Editor

answered on 19 Nov 2014

1 answer

146 views

Change events for related fields

Hi all;

I'm working on a project that has a model with dependent fields. As an example, consider a model with fields for both metric and imperial length (for my purpose, they both need to be writable fields). So when one value changes, I need to change the other as well -- I'm using MVVM to bind both of these to a Kendo view. My first attempt was to bind a function to the set event of each in the Kendo observable object, but I have a hunch that's going to lead to an infinite loop (changing metric, leading to changing imperial, leading to changing metric, etc.) Am I going about this the wrong way?

Thanks,
Jason

var oc = kendo.observable({
MetricLength: 1,
ImpLength: 3.28
});

oc.bind("set", function(e) {
if (e.field == "MetricLength") {
oc.set("ImpLength",e.value * 3.28);
}
if (e.field == "ImpLength") {
oc.set("MetricLength",e.value*3.28);
}
})

MVVM

answered on 19 Nov 2014

7 answers

276 views

Error after show kendo grid title from hiding

Hi everyone,
Please help me fix this, thanks.
- My grid default is hide and after use event it show and this have error title
- If my grid default is show, it don't have error title

Grid

answered on 19 Nov 2014

2 answers

150 views

Can't read data from server, don't understand what happned, help

Hi, I am testing the scheduler. I just set my code like the demo:

jQuery("#workcalendar").kendoScheduler({

date: new Date(), // The current date of the scheduler

selectable: true,

snap: false,

views: [

{

type: "month",

},

{

type: "day"

},

{

type: "week"

}

,

{

type: "agenda"

}

]

,

dataSource:

{

batch: true,

transport:

{

read:

{

url: "KPIGetData/DimData.aspx?SearchInput=schedulerevent",

dataType: "json",

data: {"SearchValue":CurrentUserID,"StartTime":SearchTimeStart,"EndTime":SearchTimeEnd}

}

,

schema:

{

model:

{

id: "taskId",

fields:

{

taskId: { type: "number", from: "TaskID"},

title: { from: "Title"},

start: { type: "date", from: "Start" },

end: { type: "date", from: "End" },

description: { from: "TaskScript" },

recurrenceId: { from: "RecurrenceID" },

recurrenceRule: { from: "RecurrenceRule" },

recurrenceException: {from:"RecurrenceException"},

ownerId: {from: "OwnerID", defaultValue: 1},

isAllDay: {type: "boolean",from:"IsAllDay"}

}

},

error: function(e) {

alert(e.errors);

}

});

The scheduler shows well. But the event don't be loaded from server.

The read URL returns this data:
[{"TaskID":4,"OwnerID":2,"Title":"Bowling tournament","Description":"","StartTimezone":null,"Start":"11/17/2014 12:00:00 AM","End":"11/17/2014 12:00:00 AM","EndTimezone":null,"RecurrenceRule":null,"RecurrenceID":null,"RecurrenceException":null,"IsAllDay":false}]

Note that this is just like the demo.
But no event showed, just nothing.

It take me over 5 hours, I really don't know what happened.

yours,
Ivan

Scheduler

answered on 19 Nov 2014

1 answer

104 views

Angular Kendo Grid- Issue with DropDown

Hello,

How do I receive a dropdown list Id in a Create method of the Controller? My drop list is a CategoryList and I want CategoryId. I am trying to keep my Product model flat as nesting with complex object (like Category) also did NOT work.
Let me know, whether my ParameterMap is correct and how do I write it for a complex object, if I want to embed it ?

However, I can get CategoryId in my Update method. Please let me how to correct the above issue?

Attached are files in a zip.

Grid

answered on 19 Nov 2014