Questions on Kendo UI for jQuery Forum

4 answers

979 views

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

181 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

312 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

148 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

207 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

286 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

3 answers

735 views

[Solved] Window close does not close overlay if window is not displayed

Hi, I have a problem where calling the close method on a window with it's parent container set to "display:none;" will not close the overlay nor fire the close event.
I believe it should still close the overlay and fire the event even if it's not visible.

I know the kendo window supports animations, but not with a callback at the end.

You may take a look here: http://dojo.telerik.com/iwIVI/7

Window

answered on 27 Apr 2016

1 answer

88 views

Create event does not get start and end dates

Hey,

I'm having some problems with creating events in Kendo. When I create event it calls server but it does not fill in start and end dates in my event view model.

public class EventVm : IGanttTask

{

public int Id { get; set; }

public int? ParentId { get; set; }

public int OrderId { get; set; }

public decimal PercentComplete { get; set; }

public DateTime Start { get; set; }

public DateTime End { get; set; }

public string Title { get; set; }

public bool Summary { get; set; }

public bool Expanded { get; set; }

}

What I see in Request.Form is:

Request.Form["Start"] == "4/24/2016 12:00:00 AM"

What I suspect is going on is - date is in US format, while my server is in UK or PL and probably MVC does not want to deserialize this date correctly and puts '01/01/0001 00:00:00 AM' in my object.

Can I somehow force kendo to put it in ISO format? Or specify format somehow? Or maybe I'm missing something completly different?

Gantt

answered on 27 Apr 2016

1 answer

95 views

Data issues in gantt cause browser to hang

When putting data inside kendo gantt and missing some fields, it can cause browser to hang for a long time and then fail to display the data corretly. That can happen in many sittuations, including, but not limitted to:

Not specifying start and end date for event
Not specifying start and end date for summary event
setting event to expanded even when event has no children
etc

I would expect many behaviours here, like throwing an error in javascript, using some default values, calculating possible values (in case of event with children), skipping incorrect values in specific context and so on. What I would not expect is for browser to end up in state where I cannot interact with page for few seconds (probably before chrome kills script that blocks page)

Gantt

answered on 27 Apr 2016