Questions on Kendo UI for jQuery Forum

3 answers

362 views

[Solved] Issues with grids embedded in grid detail row

Hi folks,
Two issues with grids embedded in detail rows;

1) 'undefined' data in grids embedded in detail row - the primary grid, which holds the other two tables in the detail row, uses a json array called 'mystuff', for example. The two other grids/tables, in the detail row I'm attempting to use, uses child arrays from that same 'mystuff' array.. I seem to be connecting to it, but all data comes back as 'undefined'..

So, in my columns definition, I am calling to:

template: "#=childarrayName.niftyDataField#"

..and my schema is:

1.schema: {

2. data: "arrayName[0].childarrayName"

3.},

is this correct? It doesn't seem like I should have to call to the child array in the template declaration.. by doing this, I get no errors on the page, but all data is 'undefined'.. I've been trying to find an example of multiple grids using the same data source with child arrays, maybe you can point me to one? I can't find anything in the dom that points to anything conclusive (other than undefined)..

2) The grids I've embedded in the details row are getting their widths from the initial grid; I've tried sizing their containers, etc.. but nothing seems to 'contain' it, lol! Ideas?

Thank you!

Grid

answered on 12 Mar 2015

1 answer

319 views

Get Modified dataSource from detailTemplate KendoGrid

I have a detailTemplate in KendoGrid. That detailTemplate again contains Grid. I want to get the modified dataSource of the detailTemplate Kendo Grid. How can I get that ? Here is my Code.

$("#grid").kendoGrid({
dataSource: dataSource,
detailTemplate: kendo.template($("#template").html()),
detailInit: detailInit,
dataBound: function () {
},
columns: [
{ field: "Id", hidden: true },
{ field: "Name", title: "Name" }
]
});

<script type="text/x-kendo-template" id="template">
<div class="SiteGrid" id="#: Id #">
</div>
</script>

function detailInit(e) {
var detailRow = e.detailRow;

detailRow.find(".SiteGrid").kendoGrid({
dataSource: dataSource,
columns: [
{ field: "Id", hidden: true },
{ field: "Name", title: "Name", width: 350 }
]
});
}

Grid

answered on 12 Mar 2015

1 answer

1.0K+ views

Number format without decimals

Hello. I would like this to work. I know that format: 'g' will give me a number without decimals, but then it doesn't have a comma separator.
Thank you.

$('.numeric').kendoNumericTextBox({
format: "n",
decimals: 0
});

NumericTextBox

answered on 12 Mar 2015

1 answer

111 views

"Ghost data" appears in kendoGrid when adding new row

Hi,

If you repeat exactly these steps (example: http://dojo.telerik.com/OziZa):

- initialize grid with some data (done at load time or by pressing the "2014 data" button)
- re-initialize grid with empty data (press the "2015 data" button)
- disable sorting and add new row (press "Add row" button)

you will find that "ghost data" will emerge below the freshly inserted row. Actually, they are the rows from the first ever dataset the grid the have been initialized with.

I narrowed it down that it happens only if the current datasource is empty and the sorting is disabled. I disable sorting because I want to make sure the new row always appear on the top of the grid regardless how the grid columns were sorted beforehand.

Grid

answered on 12 Mar 2015

1 answer

156 views

Export data to Excel

Hello!,

I Trying to export data to excel, but this example don't working http://docs.telerik.com/kendo-ui/api/javascript/ui/pivotgrid.html#methods-saveAsExcel

If you see the console, to get error when to try get the excel file.

I need export data of the dataSource of the pivot grid to excel file.

Thanks.

PivotGrid

answered on 12 Mar 2015

5 answers

490 views

Clickable elements inside ListView Item

Is there a way to make an element inside a ListView clickable without changing the state of the ListView's entire item ?
http://jsbin.com/kevoso/3/edit
In this jsbin example, if I click on the Kendo Button, the ListView item won't change it's state but if I click on the favorite icon the item will change its state.

On another subject, It seems a thread started by me a few days ago in DataSource got deleted....

ListView (Mobile)

answered on 12 Mar 2015

4 answers

516 views

Locked property is not working with column template in kendo grid

Locked property is not working with column template property in kendo grid. If I write locked:true for a column and use column template then grid is not rendering only header row of column is displaying. Columns array of grid option is given below:

01.{field: 'CHECKBOX', hidden:true, footerTemplate:'', locked:true,

02. template: function(dataItem){

03. if(dataItem.CHECKBOX){ return '<input type="checkbox" class="checkbox" ng-click="onClick($event)" />';}

04. else{ return '';}

05. },

06. headerTemplate:'<input type="checkbox" id="headerCheckbox" ng-click="onClickAllChkBox($event)"/>', sortable: false, width: '2%', reorderable: false},

07. {field:'name',headerTemplate:' NAME ', reorderable: false, footerTemplate:'合計', width: '2%', locked:true,

08. template: function(dataItem){

09. if(dataItem.name)

10. {return '<div ng-dblclick="settingGridDblClickEventHandler($event)">'+ dataItem.name+'</div>';}

11. else

12. {return '<div></div>';}

13.

14. }},

15. {field: 'age', title: 'AGE', footerTemplate:' ', width: '8%',

16. template: function(dataItem){

17. if(dataItem.age)

18. {return '<div ng-dblclick="settingGridDblClickEventHandler($event)">'+ dataItem.age+'</div>';}

19. else

20. {return '<div></div>';}

21.

22. }},

23. {field: 'phone', headerTemplate:' PHONE',width: '2%', footerTemplate:'',

24. template: function(dataItem){

25. if(dataItem.phone){ return '<a ng-click="customCellClickEventHandler($event)"><div class="tel-image"></div></a>';}

26. else{ return '';}

27. }

28. }

Grid

answered on 12 Mar 2015

1 answer

415 views

[Solved] Where is actual KendoUI.Mvc.dll

hello.

I have just purchase Kendo UI Professional, I can't find the KendoUI.Mvc.dll in the download file : "telerik.kendoui.professional.2014.3.1411.commercial.zip"

what am I missing?

regards,
yaniv

General Discussions

answered on 11 Mar 2015

3 answers

84 views

Series Label for only Second Series

Using the Column chart with exactly two series ("previous billing cycle" and "current billing cycle"). The series are not stacked, but side-by-side, I only want to display the series label on top of the bar for the second series, which is always "current billing cycle". How can I achieve this?

Second question: I want the series label to be a percent change between the first series and the second series. Should I do this calculation in the parse function?

Thanks,
--Ed

Charts

answered on 11 Mar 2015

4 answers

57 views

[Solved] Deleting another item while in edit mode creates new item

I'm not sure if this is a bug or just the regular operation of the Kendo Listview.

If you start a new data item ("add") to the listview and leave it in edit mode... then click a delete button on another data item... It then syncs the first "incomplete" data item. So you're left with an empty data item of sorts.

This is odd behavior if the user accidentally clicks another item. Especially considering it passes validation on the data model itself.

You can even perform it from the demo page: Listview Edit Demo

Can anything be done to work around this as we would prefer to not have it behave this way.

ListView

answered on 11 Mar 2015