| Name | Type | Default |
|---|
|
animationType
|
String
|
'slide'
|
Sets or gets the animationType property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} animationType={ 'fade'}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
arrowPosition
|
String
|
'right'
|
Sets or gets the arrowPosition property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} arrowPosition={ 'left'}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
collapseAnimationDuration
|
Number
|
400
|
Sets or gets the collapseAnimationDuration property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} collapseAnimationDuration={3000}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } 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 JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} disabled={true}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
expandAnimationDuration
|
Number
|
400
|
Sets or gets the expandAnimationDuration property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} expandAnimationDuration={3000}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
expandMode
|
String
|
'singleFitHeight'
|
Sets or gets the expandMode property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} expandMode={ 'single'}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
expandedIndexes
|
Array
|
[]
|
Sets or gets the expandedIndexes property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} expandedIndexes={[0, 1]}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } 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 JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
initContent
|
function
|
null
|
Sets or gets the initContent property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} initContent={initContent}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } 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 JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} rtl={true}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
showArrow
|
Boolean
|
true
|
Sets or gets the showArrow property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} showArrow={false}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
theme
|
String
|
''
|
Sets or gets the theme property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} theme={ 'energyblue'}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
toggleMode
|
String
|
click
|
Sets or gets the toggleMode property.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300} toggleMode={ 'dblclick'}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } 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 JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
|
|
collapsingItem
|
Event
|
|
This event is triggered when a jqxNavigationBar item is going to be collapsed.
Code examples
Bind to the collapsingItem event of jqxNavigationBar.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.on('collapsingItem', (event) => { // Do Something... }); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
collapsedItem
|
Event
|
|
This event is triggered when a jqxNavigationBar item is collapsed.
Code examples
Bind to the collapsedItem event of jqxNavigationBar.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.on('collapsedItem', (event) => { // Do Something... }); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
expandingItem
|
Event
|
|
This event is triggered when a jqxNavigationBar item is going to be expanded.
Code examples
Bind to the expandingItem event of jqxNavigationBar.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.on('expandingItem', (event) => { // Do Something... }); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
expandedItem
|
Event
|
|
This event is triggered when a jqxNavigationBar item is expanded.
Code examples
Bind to the expandedItem event of jqxNavigationBar.
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.on('expandedItem', (event) => { // Do Something... }); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
|
| Name | Return Type |
|---|
|
add
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.add(1,'Header','Content'); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
collapseAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.collapseAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
disableAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.disableAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
disable
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.disable(); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
destroy
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.destroy(); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
expandAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.expandAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
enableAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.enableAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
enable
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.enable(); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
focus
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.focus(); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
getHeaderContentAt
|
String
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { let value = this.refs.myNavigationBar.getHeaderContentAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
getContentAt
|
String
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { let value = this.refs.myNavigationBar.getContentAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
hideArrowAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.hideArrowAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
invalidate
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.invalidate(); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
insert
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.insert(1,'Header','Content'); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
refresh
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.refresh(); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
render
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.render(); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
remove
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.remove(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
setContentAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.setContentAt(1,'Content'); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
setHeaderContentAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.setHeaderContentAt(1,'Header'); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
showArrowAt
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.showArrowAt(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
update
|
None
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { this.refs.myNavigationBar.update(1,'Title','Content'); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
|
val
|
String
|
import React from 'react';import ReactDOM from 'react-dom'; import JqxNavigationBar from 'jqwidgets-react/react_jqxnavigationbar.js'; class App extends React.Component { componentDidMount() { let value = this.refs.myNavigationBar.val(1); } render() { return ( <JqxNavigationBar ref= 'myNavigationBar' width={400} height={300}> <div>Early History of the Internet </div> <div> <ul> <li>1961 First packet-switching papers </li> <li>1966 Merit Network founded </li> </ul> </div> <div>Merging the networks and creating the Internet </div> <div> <ul> <li>1981 Computer Science Network (CSNET) </li> <li>1982 TCP/IP protocol suite formalized </li> </ul> </div> <div>Popular Internet services </div> <div> <ul> <li>1990 IMDb Internet movie database </li> <li>1995 Amazon.com online retailer </li> </ul> </div> </JqxNavigationBar> ) } } ReactDOM.render( <App />, document.getElementById( 'app'));
|
