how open 3 window in one page by id or ref

[saeed]

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]

Hello, Saeed,

When the Kendo UI for React wrappers used we recommend placing same type widgets in different containers in order to easily select them as the ID attribute is not directly passed to the new component.

<div>
<div id="win1">
<Window >

hi

</Window>
</div>
<div id="win2">
<Window id="win2">
Hello
</Window>
</div>
<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>

openwin1() {
$(#win1 "[data-role='window']").data('kendoWindow').open();
}

openwin2() {
$(#win2 "[data-role='window']").data('kendoWindow').open();
}

I hope this is helpful.

Regards,
Stefan
Progress Telerik