Questions on Kendo UI for jQuery Forum

1 answer

279 views

Hi,

I am trying to make my web application accessible using screen reader(NVDA).

I am using a kendo dialog and the screen reader on pressing the H key says no header found when there is already a title for the dialog.
I have tried to add the header tag as well as the role='heading' attribute with no success

Example: https://dojo.telerik.com/ILESolAY

Can you please let me know if this is possible with kendo dialog, if yes can you please provide an example of the same.

Thanks in advance

General Discussions

answered on 19 Nov 2020

1 answer

342 views

How to close a single kendo window from group of available kendo window

Hi,

On my page i have two kendo dialog window and both are having the same div class and trying to close the window using following code

window.parent.$('.k-window-content.k-content.k-window-iframecontent').data('kendoWindow').close();

But above code only close the first window not the second one. I want to close the second window.

NOTE:window.parent.$('.k-window-content.k-content.k-window-iframecontent').length;

above code returns

returns 2.

How can i close the second window instead of first one?

Kindly suggest.

Window

answered on 19 Nov 2020

1 answer

254 views

Jaws Screen reader is reading the Grid column value as column 0 row0 . Its not reading the Column name

This is regarding ADA compliance issues we are JAWs as screen reader.I applied Navigatable() property When i navigate through Column cells its reading as Column 0 row 0 . I am using IE 11 browser. Any Solution for that it should read the column name and value.

Regards

Mohammed

Grid

answered on 19 Nov 2020

1 answer

193 views

Making grid accepting simple json data instead of jsonp

How do I make KendoGrid accept simple json data (array of items), instead of having to return a jsonp with a callback? Currently all the examples requires jsonp.

Grid

answered on 19 Nov 2020

14 answers

1.9K+ views

DropdownFor-Using with MVC Razor

Where should I be looking to find simple examples for Binding to MVC 4.0 datasources?

For example where is the document to

@(Html.Kendo().DropDownListFor(model => model.CarModel))

And all the other 'For' extensions.

Thanks
Pat

General Discussions

answered on 18 Nov 2020

3 answers

192 views

Features not working

Hi,

I am using the latest version of Kendo UI i.e. 2017.3.921. I am trying to include in my solution the kendo-pivot but it seems that some of the features are not working:

1. The configuration option sortable enables the "Sort Ascending / Descending" options in the pivot grid BUT when clicked they do nothing. I tried in local binding demo and added the sortable: true just below the filterable property, and it does not work. I tied the same in the documentation of the sortable configuration setting but the dojo example does nothing

2. I have a kendo-pivot bound to a datasource with remote data of json type. I perform a read operation, the kendo pivot as well as the kendo configurator is populated with data. The pivot has only one Row dimension and no column fields (one measure, only). Should I expand the Row dimension to all its values and force a requery i.e. datasource.read() again the read function of the transport definition is execute OK BUT the statement options.sucess fails with the exception "cannot read property value of undefined"

function preparePivotDS(espqParams, esOptions) {

var qParams = angular.isFunction(espqParams) ? espqParams() : espqParams;

var xParam = {

transport: {

requestEnd: function(e) {

var response = e.response;

var type = e.type;

console.log(type); // displays "read"

console.log(response.length); // displays "77"

},

read: function(options) {

var pqOptions = {};

var executeParams = qParams.Params;

if (executeParams instanceof esGlobals.ESParamValues) {

if (!executeParams.isValidState()) {

var err = new Error($translate.instant("ESUI.PQ.PARAMS_MISSING"));

options.error(err);

throw err;

}

executeParams = executeParams.getExecuteVals();

}

esWebApiService.fetchPublicQuery(qParams.GroupID, qParams.FilterID, pqOptions, executeParams)

.then(function(pq) {

pq = pq.data;

options.success(pq.Rows || []);

})

.catch(function(err) {

$log.error("Error in DataSource ", err);

options.error(err);

});

},

}

};

if (esOptions) {

angular.extend(xParam, esOptions);

}

return new kendo.data.PivotDataSource(xParam);

}

PivotGrid

answered on 18 Nov 2020

5 answers

1.1K+ views

Kendo grid cell refocusing after refresh

I have a selectable, navigatable and editable grid. After I enter a
value in a cell, I have to change the value in the cell under the
updated cell. To show the updated values of both cells, I have to
refresh the grid. When I do that, the edited cell loses focus. I found a
way to refocus the last edited cell during the save event:

save: function (e) {

var focusedCellIndex = this.current()[0].cellIndex; //gets the cell index of the currently focused cell

//...some dataItem saving (dataItem.set()) logic...

this.refresh(); //refreshing the grid instance

setTimeout(function () { //refocusing the cell

return function () {

var focusedCell = $("#grid tr[data-uid='" + dataItem.uid + "'] td:nth-child(" + (focusedCellIndex + 1) + ")");

$('#grid').data('kendoGrid').editCell(focusedCell);

}

}(), 200);

}

The problem is that this works for the first time, but if I try to
re-edit the same cell again, the cell loses focus. When I try to debug,
it seems that this.current()[0].cellIndex returns 0 in the second attempt, and because of that cell focusing isn't working anymore.

Does anyone have any idea why this.current() works for the 1st time, and not for the 2nd time? Are there any other approaches for refocusing the cell?

Grid

answered on 18 Nov 2020

10 answers

380 views

Local Bind and filter or sort don't work

hello,

I am use this example http://dojo.telerik.com/AZamu/2, with local binding I was modify to sort and filter and it don't work, this is my code:

<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/pivotgrid/local-flat-data-binding">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.default.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.default.min.css" />

<script src="http://cdn.kendostatic.com/2014.3.1411/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js"></script>
</head>
<body>
<script src="../content/shared/js/products.js"></script>

<div id="example">
<div id="configurator"></div>
<div id="pivotgrid"></div>

<script>
$(document).ready(function () {
var pivotgrid = $("#pivotgrid").kendoPivotGrid({
columnWidth: 120,
height: 570,
filterable: true,
sortable: true,
dataSource: {
data: products,
schema: {
model: {
fields: {
ProductName: { type: "string" },
UnitPrice: { type: "number" },
UnitsInStock: { type: "number" },
Discontinued: { type: "boolean" },
CategoryName: { field: "Category.CategoryName" }
}
},
cube: {
dimensions: {
ProductName: { caption: "All Products" },
CategoryName: { caption: "All Categories" },
Discontinued: { caption: "Discontinued" }
},
measures: {
"Sum": { field: "UnitPrice", format: "{0:c}", aggregate: "sum" },
"Average": { field: "UnitPrice", format: "{0:c}", aggregate: "average" }
}
}
},
columns: [{ name: "CategoryName", expand: true }, { name: "ProductName" } ],
rows: [{ name: "Discontinued", expand: true }],
measures: ["Sum"]
}
}).data("kendoPivotGrid");

$("#configurator").kendoPivotConfigurator({
dataSource: pivotgrid.dataSource,
height: 570
});
});
</script>
<style>
#pivotgrid
{
display: inline-block;
vertical-align: top;
width: 70%;
}

#configurator
{
display: inline-block;
vertical-align: top;
}
</style>
</div>

</body>
</html>

Why It don't work wiht local bind?

Thanks.

PivotGrid