| Name | Type | Default |
|---|
|
cookies
|
Boolean
|
false
|
Sets or gets the cookies property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' cookies={true}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
cookieOptions
|
Object
|
{}
|
Sets or gets the cookieOptions property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' cookies={true} cookieOptions={{ domain: 'jqwidgets.com', expires: 90 }}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
disabled
|
Boolean
|
false
|
Sets or gets the disabled property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' disabled={true}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
floatingWindowOpacity
|
Number
|
0.3
|
Sets or gets the floatingWindowOpacity property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' floatingWindowOpacity={0.4}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
height
|
Number
|
auto
|
Sets or gets the height property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' height={300}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
keyboardNavigation
|
Boolean
|
false
|
Sets or gets the keyboardNavigation property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' keyboardNavigation={true}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
mode
|
String
|
default
|
Sets or gets the mode property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' mode={'docked'}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
orientation
|
String
|
horizontal
|
Sets or gets the orientation property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' orientation={'horizontal'}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
rtl
|
Boolean
|
false
|
Sets or gets the rtl property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' rtl={true}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
theme
|
String
|
''
|
Sets or gets the theme property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' theme={'energyblue'}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
width
|
Number
|
auto
|
Sets or gets the width property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' width={300}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
windowsMode
|
Object
|
null
|
Sets or gets the windowsMode property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' windowsMode={{ 'window0': 'floating', 'window1': 'docked' }}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
windowsOffset
|
Number
|
5
|
Sets or gets the windowsOffset property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { render() { return ( <JqxDocking ref='myDocking' windowsOffset={7}> <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
|
|
dragStart
|
Event
|
|
This event is triggered when the user start to drag any window.
Code examples
Bind to the dragStart event of jqxDocking.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.on('dragStart', (event) => { // Do Something... }); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
dragEnd
|
Event
|
|
This event is triggered when the user drop any window.
Code examples
Bind to the dragEnd event of jqxDocking.
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.on('dragEnd', (event) => { // Do Something... }); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
|
| Name | Return Type |
|---|
|
addWindow
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.addWindow(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
closeWindow
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.closeWindow(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
collapseWindow
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.collapseWindow(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
destroy
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.destroy(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
disableWindowResize
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.disableWindowResize(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
disable
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.disable(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
exportLayout
|
String
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { let value = this.refs.myDocking.exportLayout(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
enable
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.enable(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
expandWindow
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.expandWindow(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
enableWindowResize
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.enableWindowResize(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
focus
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.focus(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
hideAllCloseButtons
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.hideAllCloseButtons(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
hideAllCollapseButtons
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.hideAllCollapseButtons(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
hideCollapseButton
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.hideCollapseButton(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
hideCloseButton
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.hideCloseButton(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
importLayout
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.importLayout(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
move
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.move(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
pinWindow
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.pinWindow(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
setWindowMode
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.setWindowMode(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
showCloseButton
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.showCloseButton(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
showCollapseButton
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.showCollapseButton(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
setWindowPosition
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.setWindowPosition(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
showAllCloseButtons
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.showAllCloseButtons(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
showAllCollapseButtons
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.showAllCollapseButtons(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
unpinWindow
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxDocking from 'jqwidgets-react/react_jqxdocking.js'; class App extends React.Component { componentDidMount() { this.refs.myDocking.unpinWindow(); } render() { return ( <JqxDocking ref='myDocking' > <div> <div id="window0" style="height: 150px"> <div>CISC </div> <div> Before the RISC philosophy became prominent..... </div> </div> <div id="window1" style="height: 150px"> <div>Database management system </div> <div> A database management system (DBMS) is a software... </div> </div> </div> <div> <div id="window2" style="height: 150px"> <div>RISC </div> <div> Some aspects attributed to the first RISC-labeled designs.... </div> </div> </div> </JqxDocking> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
