Telerik Forums
KendoReact Forum
2 answers
238 views

Is there a way too validate the dropdown and date picker with the new react components?

Thanks

Chris
Top achievements
Rank 1
 answered on 16 May 2018
1 answer
225 views

Switching the active tab with the Telerik React TabStrip component seems to always re-instantiate any components within the <TabStripTab>. This isn't an issue with basic tabs containing only text such as the examples on the Telerik website. However, some of our tabs contain heavier items like data bound charts. Re-instantiating these components on each selected tab change is too costly.

 

Is there a way to prevent this behavior? We have tried using Bootstrap's tabs and they do not have this same side effect. With bootstrap, the components contained inside the tabs are simply re-rendered.

Stefan
Telerik team
 answered on 03 May 2018
3 answers
119 views
When the grid is being initiated, the  passed into the grid as children will be filtered by "child.type === GridColumn" to check whether it is indeed a GridColumn. With React Hot Loader, each React element will be modified to be a ProxyFacade, and the Grid will not recognize its children anymore. Do you have any workaround for this problem, and do you plan to support React Hot Loader in the future?
Stefan
Telerik team
 answered on 19 Apr 2018
1 answer
206 views

hi..

I use react-kendo for ui .

How to open 2 or 3 windows in a file and point them to them using the ID and Ref ??

```

class LayoutsContainer extends React.Component {

openwin1() {
$("[data-role='window']").each(function (index) { $(this).data('kendoWindow').open()});
}

openwin2() {
$("[data-role='window']").each(function (index) { $(this).data('kendoWindow').open()});
}

  render() {

return (

<div>

<Window id="win1">

hi

</Window>

<Window id="win2">
Hello
</Window>

<span id="undo1" className="k-button" onClick={this.openwin1}>Click here to open the Window1</span>

<span id="undo2" className="k-button" onClick={this.openwin2}>Click here to open the Window2</span>

</div>

); } }

```

this code not working...

please help me

Stefan
Telerik team
 answered on 09 Apr 2018
1 answer
3.6K+ views

Hello,

I have a GridColumn which is a date in ISO format. I have added the format option,"0:MMM yyyy", to obtain an understanding of how the process functions. The format appears to be ignored as the ISO format is displayed.  Is there a property where I should be specifying the datatype for each column?

I am including my rendering for reference:

 <Grid data={this.props.dataItem.details}>
                <Column field="status" title="Status" width="120px" />
                <Column field="status_Notes" title="Status Notes" />
                <Column field="status_Date" title="Status Date" format="0:MMM yyyy" />
  </Grid>

Best regards,

Joe

Joe
Top achievements
Rank 1
 answered on 06 Apr 2018
3 answers
164 views

How could I reload component when dataSource(data) was changed?

For example, I want add filtering for my treeview.

 

If I just change dataSource, nothings happens. So,  I need to use "setDatasource". 

Stefan
Telerik team
 answered on 02 Apr 2018
1 answer
75 views

One project is built on React for reasons, and stakeholder wants a mature grid component.

The Kendo UI Grid component for JQuery looks like the better choice.

 

Via kendo-grid-react-wrapper I can display the grid on a React page and do some basic interaction with it.

Before proceeding further, can you tell me if every feature in the JQuery Grid component is available via the React wrapper or are there some features that will break a page rendered by React ?

Dimitar Terziev
Telerik team
 answered on 14 Mar 2018
2 answers
276 views

Hi,

I'm playing with the new Kendo React components and in particular the Grid component.

I create a custom cell with a button inside " <Column field="Id" cell={Links} />" , when I click the button inside the Links component I need to propagate the event back to my main component, the one that contains the Grid.

How can I do?

Thanks

Damiano
Top achievements
Rank 1
 answered on 06 Mar 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?