Questions on Kendo UI for jQuery Forum

4 answers

228 views

does the filter popup support a multi level hierarchy

Does the filter popup support a multi level hierarchy - as it seems to flatten such a hierarchy into 2 levels All, and then list of all members (as opposed to how other tools might display?)

FYI In my case its an organisational hierarchy

Thanks

Chris

PivotGrid

answered on 06 Jan 2016

6 answers

217 views

Editor in an SPA's View isn't working

Hi. I’m trying to use kendoEditor inside a View in a SPA.

When this View is shown for the first time the kendoEditors are built in its init(), and they render perfectly. Then, if I exit the view and try to load it again, this error appears in the console:

Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined kendo.web.min.js?version=1:35

I tried to do a refresh() of the editor in the show() of the view, but it doesn’t even get to enter it.
That’s in chrome.

In IE/Edge it breaks when loading the View for the first time: it renders (and the kendoEditors inside it), but the view that was previously loaded in that container is still there, below the new.

is there any solution?

Thanks

Editor

answered on 06 Jan 2016

2 answers

187 views

[Solved] Column Validation

Is there any way (or plans) to do Column Validation? It seems very inefficient to always have to setup the Validation for every cell individually.

Spreadsheet

answered on 06 Jan 2016

6 answers

1.6K+ views

Does TreeList support pagination

There is an example named "Example - set dataSource as an existing kendo.data.TreeListDataSource instance" in the document at "http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist".

I tried the example and got nothing. I then traced the code of the kendo.treelist.js file and found no pageable property in it.

I'm wondering whether TreeList support pagination. Thanks.

TreeList

answered on 06 Jan 2016

3 answers

310 views

Stacked Bar Chart Update DataSource not drawing

I have an Angular app that draws multiple charts. I am trying to set the chart options in code using the k-options directive. Below are my options for the stackedBarCode.

vm.stackedBarChartOptions = {

//dataSource: new kendo.data.DataSource({

// transport: {

// type: 'json',

// read: function (options) {

// var request = new ShipmentManagementRequest(11736);

// request.Carriers = vm.shipmentManagementRequest.Carriers;

// request.RequestType = "CarMix";

// shipmentService.getMixChartData(request)

// .then(function(result) {

// options.success(result.data);

// console.log("Original Read Called");

// }).catch(function(error) {

// options.error(error);

// });

// }

//},

//group: [

// { field: "category" }

//],

//sort: {

// field: "date",

// dir: "asc"

//},

//schema: {

// model: {

// fields: {

// date: {

// type: "date"

// }

//}

//}),

theme: 'Office365',

seriesDefaults: {

stack: {

type: "100%"

}

},

series: [

{

field: 'percent',

name: '#= group.value #',

}

],

categoryAxis: {

field: "date",

labels: {

format: "MMM-yy"

}

},

legend: {

position: "bottom",

visible: false

},

valueAxis: {

line: {

visible: false

},

labels: {

rotation: "auto"

}

},

tooltip: {

visible: true,

template: "#= series.name #: #= kendo.format('{0:p2}',value) #"

},

render: function(e) {

vm.setChartOptions(e);

}

Since each chart has a different set of data being used for the graph I cannot set a single datasource in the options. I am trying to set the datasource in the code as shown below.

var chartDataEl = $('#' + myChart.chartData.htmlID).data('kendoChart');

if (myChart.chartData.chartOptions === 'stackedBarChartOptions') {

chartDataEl.dataSource = new kendo.data.DataSource({

transport: {

type: 'json',

read: function (options) {

var request = new ShipmentManagementRequest(11736);

request.Carriers = vm.shipmentManagementRequest.Carriers;

request.RequestType = options.data.htmlId;

shipmentService.getMixChartData(request)

.then(function (result) {

options.success(result.data);

var chart = options.data.chart;

chart.refresh();

chart.redraw();

}).catch(function (error) {

options.error(error);

});

}

},

group: [

{ field: "category" }

],

sort: {

field: "date",

dir: "asc"

},

schema: {

model: {

fields: {

date: {

type: "date"

}

});

}else{

/* set data source for other chart types */

}

This works for other chart types (i.e. pie, standard bar, line), but when I perform the refresh for the stacked bar the horizontal axis loads the date information from the response but no bars are drawn. See attached. What is happening that is preventing the data from displaying since it works on the other chart types.

Charts

answered on 06 Jan 2016

5 answers

558 views

[Solved] Horizontal legend with custom position

Hi,

How can I have the legend labels continue to have horizontal orientation and wrapping when using:

legend: {

position: "custom",

offsetX: 30,

offsetX: 200

}

If the position is set to one of the other options, such as "bottom", the labels appear horizontally. But, they switch to vertical when using custom.

Charts

answered on 06 Jan 2016

13 answers

1.4K+ views

DatePicker broken in Microsoft Edge

Hi Guys,

I have notice in Microsoft Edge browser RTM version that when using Kendo DatePicker MVC helper the initial default value is not properly set.

And this looks to be related to the input type="date" instead of type="text" that the Kendo MVC helper outputs as per fiddle http://jsfiddle.net/silviunex/2p7wprnk/9/

I'm currently using Kendo DatePicker control initialized with MVC helpers and default values set throughout a big project.

I would like to know if there is any fix available for this issue?

Cheers!

DatePicker

answered on 06 Jan 2016

1 answer

109 views

Scrollbar is not visible in IE11 using Detail template

Scrollbar is not visible in IE11 using Detail template with angular js

Grid

answered on 05 Jan 2016

1 answer

163 views

aspect ratio for pdf export

How to preserve aspect ratio for a chart in a pdf when exporting ? I rotated the labels by 90 . When I reduce the size of the chart ( so that multiple charts can fit in a page) , the labels on the chart is becoming fuzzy . Please advice.

Charts

answered on 05 Jan 2016

1 answer

161 views

Performance Issues in Kendo Grid

Hi,

We are using the Kendo Grid in our application where we have an issue on loading of the Forms which have grids on them. The grid almost takes 2.5 seconds to load and there are max 4 columns, out of which only 1 is a drop down, rest are numeric or some other controls so even loading a blank grid takes about 2.5 seconds. There are few points I am looking for help here

1. The JS file is almost 3 MB so does it slows down the application (since its loaded on Client first time only and then cached)

2. Do all the class libraries in the JS are loaded and used to make it heavier. Is there a way I can just have the JS file of Kendo Grid UI to use for my app and check on performance.

3. I tried setting virtulzation flag to false however still the performance is pooe.

Kindly help.

Best Regards

Varun Sharma

varun.y.sharma@gmail.com

Grid

answered on 04 Jan 2016