Questions on Kendo UI for jQuery Forum

2 answers

4.2K+ views

I have a grid with inline editing. Everything is working as intended except one of the gridcells has a file upload that is not hooked into the datasource so when a file is uploaded the row does not know it should be updated i.e. the dirty flag is not set. How can I manually set this row to update even if none of the values in the dataset have changed?

Thanks!

Grid

answered on 09 May 2018

1 answer

369 views

delete array of row indexes

I need to delete a bunch of rows for wich I have their respective CURRENT row indexes in an array.

However if I do a sheet.deleteRow(rowIndex), The row indexes of the rest of the rows change.

I can't find a way to reference the rows themselves. Only the row indexes.

How could I go about doing such a task?

I do not have Data binding of any kind.

Thanks in advance.

// this does not work. I need a reference to the row itself

var rowsToDelete = [2,6,53];

for (var x=0;x<rowsToDelete.length;x++){

sheet.deleteRow(x);

}

Spreadsheet

answered on 09 May 2018

4 answers

395 views

kendo mvvm grid

<script id="ImportPNRSupplierHeads" type="text/x-kendo-template" class="KendoExtTemplate">

<div data-role="window" id="ImportPnrSupplierTaxWindow" class="PricingCommercialSubWindow"

data-animation="false"

data-title="Supplier Tax Breakup" data-modal="true"

data-width="770" data-visible="false" data-bind="events:{close: SupplierTaxWindowClose,open: OnSupplierTaxWindowOpened}">

<button type="button" data-role="button" text-align="left" class="btn btn-default"

data-bind="click: AddSupplierTaxRow" style="margin-bottom: 2px">

<i class="fa fa-plus"></i>

Add Tax

</button>

<br />

<div data-role="grid" id="ImportPnrSupplierTaxGrid"

data-editable='true'

data-columns='[{ "field": "ID",hidden: true },

{ "field": "IsUserCreated", hidden: true },

{ "field": "OfficePNRTSTID", hidden: true },

{ "field": "CountryCode", "title": "Code"},

{ "field": "Type", "title": "Sub Code", width: 80 },

{ "field": "Description", "title": "Description", width: 250},

{ "field": "AmountCurrency", "title": "Currency", width: 80 , editable: "false" }

]'

data-bind='source: Tax.TaxBreakup,events: {dataBound: ImportPnrSupplierTaxGridDataBound}'></div>

<br />

<div style="text-align: center">

<button type='button' class='k-button' data-bind="">

<i class='fa fa-close fa-fw'></i> Close

</button>

</div>

</script>

I am using Grid MVVM InCell Editing and want the column "AmountCurrency" to be editable based on value "IsUserCreated" (true/false). And want to add class "Red" to column "CountryCode How can do that?

MVVM

answered on 09 May 2018

1 answer

77 views

div hides when property gets updated using set method

Hello, I have which is

var viewModel = kendo.observable({

data: vmJson,

selected:null

});

there is grid which is bind to viewModel.data and on there is which executes code:

this.set("selected",e.data)

the "selected" is also to div which has and some grids in kendo template. Whenever update using

this.selected.set("name",personname)

1) on of above the selected Div which is gets hidden. The div is inside kendo template and no visible binding are When execute $(div).show() in the div is seen and values are updated. There is something wrong in method of selected?

2) for nested set which one is right:
this.selected.address.set("pin",pincode)
OR
this.selected.set("address.pin",pincode)

MVVM

answered on 09 May 2018

1 answer

106 views

Display Bug: 24 hour formatted time

I believe you have a bug in your software.

I would like to display a 2 digit hour value, but want the time displayed in 24hour format. So I'd like the hour zero padded if it is less than 10.

Here are the value and format combinations I've used and how to recreate the bug:

5/1/2018 1:11 => dd-mmm-yyyy h:mm => 01-may-2018 1:11 (works)

5/1/2018 1:11 => dd-mmm-yyyy hh:mm => 01-may-2018 01:11 (works)

5/1/2018 13:13 => dd-mmm-yyyy h:mm => 01-may-2018 13:13 (works)

5/1/2018 13:13 => dd-mmm-yyyy hh:mm => 01-may-2018 01:13 (broken)

Let me know if you have any questions.

Greg

Spreadsheet

answered on 09 May 2018

1 answer

207 views

PieChart disappears on refresh

Hello,

can someone tell me why my pie chart is disappearing when I call .refresh()?

Here is a snipped illustrating my problem:

https://dojo.telerik.com/uGijuvOw/2

It works fine when I set the data as the dataSource and call dataSource.read() prior to .refresh(). But for our use case it would be more convenient to have the data embedded in the series.

Regards,
Matthias

Charts

answered on 09 May 2018

8 answers

410 views

How to prevent the _toggleResize when date picker opens

Hello,

I have a date column in my grid. But sometimes the date picker filter doesn't open. When I debug, I can see it opens then closed automatically because the scroll event is bound to the grid in the open function when options.modal is not true.

What does options.modal do? I don't see any documentation about this. And why bind the scroll event and close the popup in this case?

Best regards,

Yajing

Date/Time Pickers

answered on 09 May 2018

1 answer

202 views

Expand all is very slow

When expanding all kendo grid rows, it is very slow.

The detailtemplate is very simple, but it is still so slow. Any suggestions how to make it faster?

Demo : http://dojo.telerik.com/EHiSa

Grid

answered on 08 May 2018

2 answers

227 views

find row index on select event for rowHeaderContextMenu

I need to perform a custom action on a row. For that I want to use the rowheader contextmenu.

How can I know wich row Index is the context menu being applied? the contextMenu e.target seems to be the whole spreadsheet.

I cannot find any clue in either contextmenu or spreadsheet docs or forums.

var rowHeaderContextMenu = this.currentSpreadsheet.rowHeaderContextMenu();

rowHeaderContextMenu.remove("[data-action=delete-row]");

rowHeaderContextMenu.remove("[data-action=hide-row]");

rowHeaderContextMenu.append("<li id='myAction' data-action='row-customaction'>My custom action</li>");

rowHeaderContextMenu.bind('select', function(e){

console.log('contextmenu row', e);

var rowIndex = ?????????

doMyCustomAction(rowIndex);

});

Extra points if the answer applies also for a cell / columnHeader.

Thanks in advance.

Spreadsheet

answered on 08 May 2018

9 answers

734 views

Dynamic Map Markers

I am using the map and all is working mostly. My problem is how can I change the map marker based on the data feed?

I am getting my data as latlng = [32.123, 80.123], name = "KDAY", color = "green"

I can get the marker to show up in the correct place and the name set properly the next thing I need to do is set the color of the marker based on the color field. I have three different colors that I need to be able to use.

Any ideas?

Map

answered on 08 May 2018