Questions on Kendo UI for jQuery Forum

3 answers

81 views

Bug - Stockchart starting 1/1/1970

When creating a stockchart (with the navigator) setting the frequency to annual. If the dataset starts on 1/1/1970 the chart doesn't display anything. If you show a dataset starting before 1970 (which can include a value on 1/1/1970) the chart displays fine.
I've got a temporarily fix - if the year is 1970 then I set the date to 2/1/1970 so the chart works as it should.

Kendo version: KendoUI-2014.2.1008 (don't judge, IE8)

Charts

answered on 28 Apr 2016

1 answer

125 views

vertical week sheduller

hello! I need a vertical sheduller for 7 day! Agenda view for a week is a good solution. And i have some question:

1. can set width smaller than 450px? May be not dispay name of a day, or display in another rows/

2. why set arrows -> <- add 7 day (not 1 day)

3. can not display link "today"?

thanks

Scheduler

answered on 28 Apr 2016

1 answer

311 views

Editing using InCell mode and adding using Popup mode

Hello,

Is there a way, in a grid, to combine GridEditMode.InCell (for row editing) and GridEditMode.PopUp (for row creation) ? Or should i use a custom action with my own creation window ?

Thanks

Grid

answered on 28 Apr 2016

4 answers

993 views

How to hide column while export.

Hi,

I'm trying hide the column while export to PDF or Excel. I've given hideColumn(index) in pdfExport. It is removing the column in PDF that's fine. But also removed from the Grid.

find the code here => DOJO

Is there is any other way to hide specific column only in export?

Thanks!

Grid

answered on 28 Apr 2016

5 answers

184 views

[Solved] Kendo UI + jQuery 2.1 ... roadmap?

There is no mention of jQuery 2.1 support in JavaScript Dependencies in your documentation... any ETA on when that might happen?

General Discussions

answered on 28 Apr 2016

2 answers

320 views

Template multiple date pickers

So I edited the demo to reproduce the issue I am having. When there are 2 date pickers in the same template and they are both grabbing their data from the given object the second datepicker is not rendered. Am I doing something incorrectly here?

Important Stuff:

<div>

<h4>Choose a date</h4>

<div data-template="date-control-template" data-bind="source: Data"></div>

</div>

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

<input data-role="datepicker"

data-bind="value: selectedDate"

style="width: 100%">

<input data-role="datepicker"

data-bind="value: selectedDate2"

style="width: 100%">

</script>

<script>

var viewModel = kendo.observable({

Data:{

selectedDate: null,

selectedDate2: null

},

isEnabled: true,

isVisible: true,

onChange: function() {

kendoConsole.log("event :: change (" + kendo.toString(this.get("selectedDate"), "D") + ")");

}

});

kendo.bind($("#example"), viewModel);

</script>

Full Page:

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/datepicker/mvvm">

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>

<title></title>

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.common.min.css" />

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.metro.min.css" />

<script src="//kendo.cdn.telerik.com/2016.1.412/js/jquery.min.js"></script>

<script src="//kendo.cdn.telerik.com/2016.1.412/js/kendo.all.min.js"></script>

<link rel="stylesheet" href="../content/shared/styles/examples-offline.css">

<script src="../content/shared/js/console.js"></script>

</head>

<body>

<div id="example">

<div class="demo-section k-content">

<div>

<h4>Choose a date</h4>

<div data-template="date-control-template" data-bind="source: Data"></div>

</div>

<div style="padding-top: 2em;">

<h4>Console</h4>

<div class="console"></div>

</div>

<div class="box">

<div class="box-col">

<h4>Configuration</h4>

<div>

<label><input type="checkbox" data-bind="checked: isEnabled">Enable</label>

</div>

<div>

<label><input type="checkbox" data-bind="checked: isVisible">Visible</label>

</div>

<div class="box-col">

<h4>Information</h4>

Kendo UI DatePicker supports the

<a href="http://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/enabled">enabled</a>,

<a href="http://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/events">events</a>,

<a href="http://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/value">value</a> and

<a href="http://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/visible">visible</a> bindings.

</div>

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

<input data-role="datepicker"

data-bind="value: selectedDate"

style="width: 100%">

<input data-role="datepicker"

data-bind="value: selectedDate2"

style="width: 100%">

</script>

<script>

var viewModel = kendo.observable({

Data:{

selectedDate: null,

selectedDate2: null

},

isEnabled: true,

isVisible: true,

onChange: function() {

kendoConsole.log("event :: change (" + kendo.toString(this.get("selectedDate"), "D") + ")");

}

});

kendo.bind($("#example"), viewModel);

</script>

</div>

</body>

</html>

DatePicker

answered on 28 Apr 2016

3 answers

151 views

Coordinates of New Country

Hello,

When there is a new country then where I can get the coordinates of new country with Kendo GeoJson??

Thanks!!
Ram.

Map

answered on 28 Apr 2016

2 answers

210 views

Hierarchical datasource for treeview upto 10 level

Hi,

I am using ASP.NET Web API Odata as server side code to render kendo treeview using hierarchical datasource upto child node level 5. This is really very slow. Now, I need to take it up to level 10. Can you suggest any other solution, apart from Odata, where I can go upto level 10?

Hierarchical Data Source

answered on 28 Apr 2016

2 answers

290 views

Grid Drag and Filter option does not work at the same time

I can't make both the drag of row from employee grid and column filter option work at the same time. If I commented out the $("#employeesGrid").kendoDraggable option then the filter works fine otherwise filter options is visible however, it does not allow typing anything there. How can I make both works at the same time?

//Bind data to Employee grid

$("#employeesGrid").kendoGrid({

dataSource: $scope.datasourceEmployees,

height: 660,

sortable: true,

pageable: true,

selectable: 'row',

pageable: {

refresh: true,

pageSizes: true,

buttonCount: 7

},

columns: [

{

field: "EmployeeKey",

title: "Employee Key",

width: 100

},

{

field: "FullName",

title: "Employee Full Name",

width: 200

},

{

field: "JDEEmployeeName",

title: "JDE Employee Name",

width: 140

},

{

field: "SFEmployeeName",

title: "SF Employee Name",

width: 140

}

]

});

$("#employeesGrid").kendoDraggable({

filter: "tr", //specify which items will be draggable

hint: function (element) { //create a UI hint, the `element` argument is the dragged item

employeeDragged = 1;

console.log(employeeDragged);

return element.clone().css({

"opacity": 0.6,

"background-color": "#0cf"

});

}

});

Drag and Drop

answered on 27 Apr 2016

3 answers

1.8K+ views

How to prevent user from inserting a new sheet or deleting an existing sheet

Is there a way to prevent the sheetsbar from displaying the Insert button, as well as a way to disable the user's ability to delete an existing sheet?

I've tried some basic DOM manipulation (find the Insert element and remove it) but that appears to throw off the formatting of the sheetsbar somewhat. Is there a recommended method to do either of these?

Spreadsheet

answered on 27 Apr 2016