Questions on Kendo UI for jQuery Forum

1 answer

452 views

Footer is treated as string values (because of possible text, etc), which make sense. However I would like to export footer as numbers. I know I can post proces workbook on excelExport event, but I need some clarifications. I would need to access to agregates of exported data. Is is possible? Or instead of accessing e.data property is better to get values directly from data source.

Grid

answered on 12 Sep 2017

1 answer

340 views

Cannot rad property 'style' of undefined

Hello, i use Kendo UI with angularJS, i want to relaod my page and open a kendow window, but after the reload i have this error :

angular.js:13920 TypeError: Cannot read property 'style' of undefined at init.toFront (kendo.all.js:41238) at init.open (kendo.all.js:41104) at app.bundle.js?6f4285d…:11703 at angular.js:19612 at e (angular.js:5964) at angular.js:6243

Window

answered on 12 Sep 2017

7 answers

1.1K+ views

[Solved] how to prevent edit popUp dialog from closing

Hello,

I encountered following problem: I am using custom delete dialog with 3 buttons.

1) When I click "Odregistrovat" the edit dialog appears, I edit the entry, save, everything OK.

2) When I repeat the step 1) after click on "Odregistrovat" the edit dialog appears for only a while and disappears again and again until I refresh the page. Then it works once and for the second and next tries it does not work again.

Do you know how to prevent this behaviour please?

PS: Video with the behaviour (first attempt works, second not) is available under following link: https://ulozto.cz/!bTCTMfnQ3cbD/editpopup-problem-rar

I would like to deliver runable project, but it is quite complex and big. Is it enough to deliver only below attached .cshtml?

With Kind Regards,

Martin.

Grid

answered on 12 Sep 2017

1 answer

224 views

Nested MVVM Template

I have two MVVM templates.

I want to delete one row from first template and replace that with some row of the second template.

is it possible??

MVVM

answered on 12 Sep 2017

3 answers

1.6K+ views

Customized Column Menu

I would like to achieve the following with the Kendo Grid

1. Add a column menu to only one column

2. Remove all the default column menu items

3. Add two custom menu items

I would like to respond to the column menu items with a javascript function that invokes a grid refresh with a qualifier parameter.

Any examples on how to accomplish the above tasks?

Attached image illustrates what I'm looking for.

Thanks in advance

Grid

answered on 12 Sep 2017

1 answer

230 views

Kendo Editor replaces tags

Hello, I use AngularJS, when we modify our template in the kendo Editor, the editor replaces the <i class="material-icons">done</i> by <em>done>/em>, so that the icons are not displayed anymore when we generate the document in pdf. The problem is the data returned by the kendo editor when we edit and modify it. If we dont do any modification in the kendo editOR, the icons are well displayed. Could you please tell me what the problem is ?

Editor

answered on 12 Sep 2017

8 answers

2.0K+ views

Template for Alternating Rows

I have a grid that is defined as follows:

$('#widgetsGrid').kendoGrid({

dataSource: {

type: 'json',

transport: {

read: '/widgets/widgetsList/'

},

pageSize: 10

},

columns: [

{

field: 'name',

title: 'Name'

},

{

field: 'description',

title: 'Description'

},

{

field: 'url',

title: 'Url'

}

],

sortable: true,

pageable: true,

rowTemplate: kendo.template($('#widgetsListRowTemplate').html())

});

and a row template defined as follows:

<script id='widgetsListRowTemplate' type='text/x-kendo-tmpl'>

<tr>

<td>${ name }</td>

<td>${ description }</td>

<td><a href='${ url }'>${ url }</a></td>

</tr>

</script>

However, all the rows are the same color because the alternating rows do not have the class='k-alt'. Is there a way that I can apply the class='k-alt' to the alternating rows?

Regards,

John DeVight

Grid

answered on 11 Sep 2017

2 answers

248 views

Make same colors on 2 charts with legend

Hello. My target is make 2 charts with same colors of the items. I make this

<link rel="stylesheet" href="/analyticsRes/jsCharts/css/kendo.common.min.css" />

<link rel="stylesheet" href="/analyticsRes/jsCharts/css/kendo.default.min.css" />

<link rel="stylesheet" href="/analyticsRes/jsCharts/css/kendo.default.mobile.min.css" />

<script src="/analyticsRes/jsCharts/js/kendo.all.min.js"></script>

<div id="chart-top" style="width:600px;height:350px;"></div>

<script>

$(function() {

$('.top-td').closest('table').attr('id', 'top-table');

$('.top-td').closest('tr').addClass('top-tr');

$('.top-td').closest('.CVView').css('display', 'none');

$('#top-table colgroup').remove();

$('#top-table .PTColSizingCell').remove();

$('#top-table tr').each(function() {

if ($(this).hasClass('top-tr')) {} else {

$(this).remove();

}

});

var TopList = new Array();

var tr = document.getElementById("top-table").getElementsByTagName("tr");

for (var i = 0; i < tr.length; i++) {

var td = tr.item(i).getElementsByTagName("td");

TopList[i] = new Object();

for (var j = 0; j < td.length; j++) {

if (j == 0) {

TopList[i]["category"] = td.item(0).innerText;

TopList[i]["name"] = i;

}

if (j == 1) {

TopList[i]["value"] = parseFloat(td.item(1).innerText.replace(/,/, '.'));

}

if (j == 2) {

var id = td.item(2).innerText;

if (id === "K_22") { TopList[i]["color"] = "#3f51b5" }

if (id === "K_21") { TopList[i]["color"] = "#03a9f4" }

if (id === "K_01") { TopList[i]["color"] = "#4caf50" }

if (id === "K_11") { TopList[i]["color"] = "#f9ce1d" }

if (id === "K_13") { TopList[i]["color"] = "#ff9800" }

if (id === "K_88") { TopList[i]["color"] = "#ff5722" }

if (id === "K_12") { TopList[i]["color"] = "#56ff22" }

if (id === "K_10") { TopList[i]["color"] = "#e222ff" }

if (id === "K_31") { TopList[i]["color"] = "#8d22ff" }

}

TopList.sort(function(a, b) {

if (a.value < b.value) {

return 1;

}

if (a.value > b.value) {

return -1;

}

return 0;

});

console.log(TopList);

$("#chart-top").kendoChart({

title: "Предложений по предприятиям",

theme: "Material",

dataSource: {

data: TopList,

group: {

field: "name"

},

sort: {

field: "category",

dir: "asc"

}

},

legend: {

visible: true,

position: "bottom"

},

seriesDefaults: {

type: "column",

gap: 0.1,

spacing: 0.2

},

series: [{

field: "value",

colorField: "color",

labels: {

font: "14px Arial,Helvetica,sans-serif",

template: "#= value #",

visible: true

},

name: "#: group.items[0].category #"

}],

seriesColors: ["#3f51b5", "#03a9f4", "#4caf50", "#f9ce1d", "#ff9800", "#ff5722", "#56ff22", "#e222ff", "#8d22ff"],

valueAxis: {

majorGridLines: {

visible: false

},

visible: false,

},

categoryAxis: {

majorGridLines: {

visible: false

},

line: {

visible: false

},

visible: false

},

tooltip: {

visible: true,

template: "#= series.name #: #= value #"

}

});

</script>

for one chart and the same code for the second chart. Finally the items of the charts has the same colors, but the legend has diffrent colors. How i can solve my problem? Thanks

Charts

answered on 11 Sep 2017

3 answers

213 views

ContentUrls array not updated after removing a tab

I have a tabstrip with multiple tabs, and each tab has its own contentUrl, so data is fetched using ajax.

I noticed that if you delete a tab, and reload the selected tab, it uses the old url from the removed tab. The tabstrip's contentUrls array still has the old values, that probably causes this.

Steps to reproduce:

1) Create a tabstrip with two tabs, with contentUrl set for both separately

2) Select the second tab

3) Remove the first tab (remove())

4) Reload the selected tab (select() and reload())

I suppose I need to manually update the contentUrls array?

TabStrip

answered on 11 Sep 2017

1 answer

313 views

NumericTextBox input field position bug when float in Firefox

Hello! I found that the “NumericTextBox”’s input field location is not correct, if we use “float” style for “<input>”. If you open the following example in Firefox:

http://dojo.telerik.com/eWiVE/2

It works fine in Chrome and Edge. Could you take a look at this issue? Or let me know if there’re alternative ways to align to right and work in all browsers.
Thank you!

NumericTextBox

answered on 11 Sep 2017