Questions on KendoReact Forum

1 answer

218 views

Hello,

I have several kendo react grids, for which columns maybe resized and/or reordered. I have one question and one issue.

Let starts by the issue. As soon as I click (and release) the resize handler (without moving the mouse), the whole grid is resized. To illustrate this, the attached picture "before_resize" is taken before resizing and the attached picture "after_resize" is taken after a left mouse click and mouse up (no mouse move between).

And now, the question. I would like to memorize the size and the order of all columns, save it into some file and later restore the order and size of all columns. I think I can handle the two first items, but how could I reorder and resize by code the columns ?

Grid is defined by:

<Grid

data={this.state.data}

cellRender={this.renderers.cellRender}

rowRender={this.renderers.rowRender}

editField="inEdit"

selectedField="selected"

onSelectionChange={this.selectionChange}

onHeaderSelectionChange={this.headerSelectionChange}

onItemChange={this.itemChange}

onColumnResize={(e) => { if(e.end) console.log(e); }}

onColumnReorder={(e) => { console.log(e); }}

onRowClick={this.rowClick}

reorderable

resizable

scrollable="none"

>

While columns are defined by the following code, where width is undefined:

{

this.state.columns.map((column, idx) =>

column.show && (

<Column

key={idx}

field={column.field}

title={column.title}

filter={column.filter}

cell={column.cell}

editable={column.editable}

editor={column.editor}

width={column.width}

columnMenu={

props =>

(

<CustomColumnMenu

{...props}

columns={this.state.columns}

onColumnsSubmit={this.onColumnsSubmit}

/>

)

}

/>

)

)}

Wrappers for React

answered on 31 Jan 2019

1 answer

70 views

How to add a class or margin in the tooltip?

I have the case, when I need to add different margin for tooltips( or className)
How I can add it in the React?

Example

General Discussions

answered on 31 Jan 2019

1 answer

145 views

Kendo UI React license

We have purchased Kendo UI license. We have been using Kendo UI for React. Currently we have installed all the kendo packages from npm, do we need to make any changes in the production version of react?

General Discussions

answered on 31 Jan 2019

7 answers

290 views

What are the performance limitations of the grid component?

I am trying to make a large grid perform adequately while scrolling. The grid is 40 columns with a page size of 50. Thirty-five of the columns are always editable.

Is there documentation on the understood limits on the performance of the kendo grid? I do not want to waste time trying to get the performance up if my scenario is significantly outside of the guidelines.

While profiling the grid, I also noticed that the header row is being rerendered even though none of the props have changed. Same goes for the filter row. Is this an issue in KendoReact or have I screwed something up in my headerCellRender function?

General Discussions

answered on 31 Jan 2019

2 answers

869 views

How to use tooltip onClick?

Hi, I have a quastion about Kendo Reat Tooltip component.
In my situation, I need show tooltip on click. But default functionality works only on hover.
How can I show my tooltip on click?

I found functionality that I need in jquery version, I need something like that, I give you a link, maybe it is can help you with answer.
https://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip/configuration/showon

Wrappers for React

answered on 30 Jan 2019

1 answer

124 views

DatePicker - Date Extraction

Hi,

I want to extract Date from DateTime field and bind to DatePicker. When I try to do that, it throws error as shown in below and in attached screenshot.

<DatePicker defaultValue={new Date().toLocaleDateString()}

Also wanted to know, Could onchange method on datepicker control return only date but not time?

Regards,

Parag

Wrappers for React

answered on 30 Jan 2019

1 answer

505 views

Grid not showing data after successful json call

I have a web api that returns an array of json objects. I have followed the tutorial on binding data to a kendo grid and cannot get the tbody to show up. Columns are generated with appropriate names but the tbody fails to load with no error message. This is the tutorial I followed https://www.telerik.com/kendo-react-ui/wrappers/grid/data-binding/. I have gotten data to load from a local json array but when I grab from an web api it fails to load the data. I know I am getting good data because I can inspect it with f12 and log the json to the console. What is the grid expecting data-wise that I am not providing?

Wrappers for React

answered on 30 Jan 2019

1 answer

75 views

MaskedTextBox - word as a mask

Hi,

I am having problems with setting mask for MaskedTextBox. My mask is something like this: mask={'Days:999 Hours:99 Minutes:99 Seconds:99'}, but letter 'a' is never rendering.

my code: https://stackblitz.com/edit/react-maskedtextbox?file=index.js

Is there any way to render full text?

Thank you,

Dusan

Wrappers for React

answered on 25 Jan 2019

1 answer

63 views

Migration TreeList Wrapper Component to Non wrapper

We're planning to use TreeList component from your library. As far as we see, this component is available but only as wrapper. Could you please update on your plans regarding moving this wrapper into general react components?

Best Regards,
Artem

General Discussions