Questions on Kendo UI for jQuery Forum

3 answers

1.1K+ views

Modal Window

Hello,

when setting "modal" option to "true", page is covered with overlay and window is shown as the top most element on the page, but there's no modal-like behaviour as of a11y - user still can "escape the modal" using keyboard navigation. As Kendo is dealing with aria attributes already, would not it be possible to add this behaviour too?

Window

answered on 04 Jan 2017

1 answer

136 views

Kendo UI Editor - Dropdown Creation in Editor window

Hi ,

Do we have an inbuilt option to create drowdown list through UI editor widgets?

Editor

answered on 04 Jan 2017

2 answers

268 views

[Solved] angular disable animation

Hi,

Setting animation false breaks the tab strip. See http://dojo.telerik.com/OCaye

Also is there a way to disable animation for the tab strip as the default?

Thanks

TabStrip

answered on 03 Jan 2017

3 answers

254 views

Can not get datetime dimension hierarchy with pivot grid local binding

Hi,

we are using Pivot Grid kendo control with local binding. We have a datetime field in the data source but we are not able to get a datetime hierarchy for it in the pivot grid configurator component. In your demos for local binding there is no example using datetime fields while they are present in the remote binding demos. Is is still possible? Besides, we are noticing that measures only support sum aggregation natively.

We used to work with Silverlight version of Pivot Grid where basic datetime hierarchy (e.g. day, month, year, etc.) and many measures aggregations (dropdown list that allowed to select for sum, count, etc.) for local binding weresupported, now we are porting that application to HTML5 and we are trying to get back as many functionalities as we can.

Thank you.

PivotGrid

answered on 03 Jan 2017

3 answers

98 views

[Solved] angular2 grid component roadmap

hi,

We are considering the use of the new angular2 grid component.

It looks very promising, but is missing some features. Some of the missing features such as filtering capabilities are listed in the road-map, but we couldn't find reference some other existing (angular1/jquery) capabilities.Unfortunately, there is no feedback on the "Kendo UI for Angular 2 Feedback" so we are posting this issue here.

We would appreciate feedback regarding the plan to support column management features (reordering, resizing, column-selector).

Thanks!

Grid

answered on 03 Jan 2017

1 answer

667 views

kendo grid multiple cell selection

Hi,

I am working in the kendo grid copy and paste functionality from the excel sheet.

Please find the attached file and help me out to select multiple cell by clicking on the control button.

Thanks in Advance

Regards,

Bala

Not able to attach the code. Please refer the below code which I am currently using

<html>

<head>
<title>

</title>

<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
</head>

<body>
<div style="width:auto; height:auto">
<div id="grid_json_copy" style="float:left;"></div>

<div style="float:left;width:4%;"> </div>

<div id="grid_json_paste" style="float:left;"></div>

<div style="clear:both;"></div>

</div>

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
selectable: "multiple, cell",
allowCopy: true,
columns: [{
field: "productName"
},
{
field: "category"
},
{
field: "amount"
}
],
editable: true,
dataSource: [{
productName: "Tea",
category: "Beverages",
amount: "10.00"
},
{
productName: "Coffee",
category: "Beverages",
amount: "10.00"
},
{
productName: "Ham",
category: "Food",
amount: "10.00"
},
{
productName: "Bread",
category: "Food",
amount: "10.00"
}
]
}).on('focusin', function(e) {
// get the grid position
var offset = $(this).offset()
// crete a textarea element which will act as a clipboard
var textarea = $("<textarea>");
// position the textarea on top of the grid and make it transparent

textarea.css({
position: 'absolute',
opacity: 0,
top: offset.top,
left: offset.left,
border: 'none',
width: $(this).width(),
height: $(this).height()
})
.appendTo('body') .on('paste', function() {
// handle the paste event
setTimeout(function() {
// the the pasted content
var value = $.trim(textarea.val());
// get instance to the grid
var grid = $("#grid").data("kendoGrid");
// get the pasted rows - split the text by new line
var rows = value.split('\n');

var item = grid.select();
var currentRowIndex;

item.each(function() {
currentRowIndex = $(this).closest("tr").index();
})

var selectedColumnIndex = [];
var rowIndex;
for (var i = 0; i < item.length; i++) {
selectedColumnIndex[i] = item[i].cellIndex;

}

var items = grid.dataSource.data();
var count = 0;

for (var i = currentRowIndex; i <= items.length; i++) {

var item = items[i];

if (count > rows.length) {
break;
}

var cells = rows[count].split('\t');

var productName = item.productName;
var category = item.category;
var amount = item.amount;
var copiedColumnCount = 0;

for (var j = 0; j < 3; j++) {

if (selectedColumnIndex.indexOf(j) > -1) {

if (cells[copiedColumnCount] != 'undefined') {
if (j === 0) {
productName = cells[copiedColumnCount];
}
if (j === 1) {
category = cells[copiedColumnCount];
}
if (j === 2) {
amount = cells[copiedColumnCount];
}
copiedColumnCount++;

}
}

}

grid.dataSource.remove(item);

var datasource = grid.dataSource;
var newRecord = {
productName: productName,
category: category,
amount: amount
};

//Inserting new row
datasource.insert(i, newRecord);

count++;
}
},0);
}).on('focusout', function() {
// remove the textarea when it loses focus
$(this).remove();
});
// focus the textarea
setTimeout(function() {
textarea.focus();
},0);

});
</script>
</body>

</html>

Grid

answered on 03 Jan 2017

6 answers

545 views

dataSource.schema.model.fields "from" not linking values

my simplified scheduler initialization looks like this:

Example data block looks like:

{
taskID: 1,
title: "title",
ST: new Date("2013/6/13 17:00"),
EN: new Date("2013/6/13 18:30"),

isAllDay: false
}

I am adding new elements to my Scheduler via "dataSource.add" and the problem is that when a new element is added to the dataSource it creates the "start" and "end" dates taking the current computer time instead of reading the "ST" and "EN" fields. /like defined in the schema.model.fields "from" parameter/.

This actually happens with any other field. "From" is being completely ignored.

Thanx for the help

Scheduler

answered on 03 Jan 2017

6 answers

928 views

DropdownList Scrolling issue kendo grid

Hi,

We are facing scroll issue with dropdownlist. scrolling out side the dropdown closes the dropdown. It seems scroll very sensitive. I have attached video and with this query.

DropDownList