diff --git a/package/Aries/src/functions/Openstack/flavors/index.jsx b/package/Aries/src/functions/Openstack/flavors/index.jsx index ff3b0b7..0cdb41e 100644 --- a/package/Aries/src/functions/Openstack/flavors/index.jsx +++ b/package/Aries/src/functions/Openstack/flavors/index.jsx @@ -61,6 +61,21 @@ export default React.createClass({ //console.log(this.state.flavors_list) }, componentDidMount(){ + try{ + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length + } + catch (err){ + let tdheight = ReactDOM.findDOMNode(this.refs.Table).scrollHeight + let height_table = (totallength) * tdheight + let totalHeight = document.body.clientHeight + totalHeight -= document.getElementById('header').clientHeight + totalHeight -= document.getElementById('footer').clientHeight + let flavors_nav = ReactDOM.findDOMNode(this.refs.flavors_nav).clientHeight + let flavors_bu = ReactDOM.findDOMNode(this.refs.flavors_bu).clientHeight + totalHeight = totalHeight - flavors_nav - flavors_bu - 110 + ReactDOM.findDOMNode(this.refs.Table).style.height = totalHeight + 'px' + return + } let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].childNodes.length let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].scrollHeight diff --git a/package/Aries/src/functions/Openstack/images/index.jsx b/package/Aries/src/functions/Openstack/images/index.jsx index beb89ff..dd6478e 100644 --- a/package/Aries/src/functions/Openstack/images/index.jsx +++ b/package/Aries/src/functions/Openstack/images/index.jsx @@ -49,9 +49,24 @@ export default React.createClass({ //console.log(this.state.images_list) }, componentDidMount(){ - let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length - let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].childNodes.length - let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].scrollHeight + try { + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + } + catch(err) { + let tdheight = ReactDOM.findDOMNode(this.refs.Table).scrollHeight + let height_table = (totallength) * tdheight + let totalHeight = document.body.clientHeight + totalHeight -= document.getElementById('header').clientHeight + totalHeight -= document.getElementById('footer').clientHeight + let images_nav = ReactDOM.findDOMNode(this.refs.images_nav).clientHeight + let images_bu = ReactDOM.findDOMNode(this.refs.images_bu).clientHeight + totalHeight = totalHeight - images_nav - images_bu - 110 + ReactDOM.findDOMNode(this.refs.Table).style.height = totalHeight + 'px' + return + } + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[0].scrollHeight let height_table = (totallength) * tdheight let totalwidth = (ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].clientWidth - 17) / table_trlengt let totalHeight = document.body.clientHeight @@ -65,9 +80,9 @@ export default React.createClass({ for (let i=0; i< ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length;i++) { if (i == (table_trlengt - 1)) { totalwidth = totalwidth + 17 - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes[i].style.width = totalwidth + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[i].style.width = totalwidth + 'px' } else { - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes[i].style.width = totalwidth + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[i].style.width = totalwidth + 'px' } } } diff --git a/package/Aries/src/functions/Openstack/instances/index.jsx b/package/Aries/src/functions/Openstack/instances/index.jsx index 3f21abf..06a491c 100644 --- a/package/Aries/src/functions/Openstack/instances/index.jsx +++ b/package/Aries/src/functions/Openstack/instances/index.jsx @@ -23,6 +23,7 @@ import {Tabs_List} from './instanses_tabs' export default React.createClass({ getInitialState: function () { + var self =this; return { title_status:'内容加载中', height_log:'', @@ -48,6 +49,7 @@ export default React.createClass({ title: '名称', order: false, render: (text, item) => { + self.count_initialization() return (
@@ -156,9 +158,9 @@ export default React.createClass({ }) }, count_height(){ - let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length - let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].childNodes.length - let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].scrollHeight + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[0].scrollHeight let height_table = (totallength + 1) * tdheight let totalwidth_t = ReactDOM.findDOMNode(this.refs.instances_bu).clientWidth //let totalwidth=(ReactDOM.findDOMNode( this.refs.Table).childNodes[1].childNodes[0].clientWidth-32.5)/table_trlengt @@ -176,23 +178,41 @@ export default React.createClass({ ReactDOM.findDOMNode(this.refs.SplitPanel).childNodes[0].style.height = totalHeight2 + "px" ReactDOM.findDOMNode(this.refs.SplitPanel).childNodes[1].style.top = totalHeight2 + "px" ReactDOM.findDOMNode(this.refs.Table_t).childNodes[0].style.width = totalwidth_t + 'px' - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].style.height = totalHeight + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].style.height = totalHeight + 'px' ReactDOM.findDOMNode(this.refs.Tabs_list).childNodes[1].style.height=(totalHeight1-totalHeight2-35)+'px' if (totalHeight <= height_table) { - for (let i = 0; i < ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length; i++) { + for (let i = 0; i < ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length; i++) { if (i == (table_trlengt - 1)) { totalwidth = totalwidth + 17 - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes[i].style.width = totalwidth + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[i].style.width = totalwidth + 'px' } else { - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes[i].style.width = totalwidth + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[i].style.width = totalwidth + 'px' } } } }, count_initialization(){ - let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length - let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].childNodes.length - let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].scrollHeight + try { + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + } + catch (err){ + let totalHeight = document.body.clientHeight + totalHeight -= document.getElementById('header').clientHeight + totalHeight -= document.getElementById('footer').clientHeight + let instances_nav = ReactDOM.findDOMNode(this.refs.instances_nav).clientHeight + let instances_bu = ReactDOM.findDOMNode(this.refs.instances_bu).clientHeight + let totalHeight1 = totalHeight - 120 + totalHeight = totalHeight - instances_nav - instances_bu - 140 - 10 + let totalHeight2 = totalHeight + 82 + ReactDOM.findDOMNode(this.refs.SplitPanel).style.height = totalHeight1 + "px" + ReactDOM.findDOMNode(this.refs.SplitPanel).childNodes[0].style.height = totalHeight1 + "px" + ReactDOM.findDOMNode(this.refs.SplitPanel).childNodes[1].style.top = totalHeight1 + "px" + ReactDOM.findDOMNode(this.refs.Table).style.height = totalHeight + 'px' + return + } + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length + let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[0].scrollHeight let height_table = (totallength + 1) * tdheight // let totalwidth=(ReactDOM.findDOMNode( this.refs.Table).childNodes[1].childNodes[0].clientWidth-32.5)/7 let totalwidth_t = ReactDOM.findDOMNode(this.refs.instances_bu).clientWidth @@ -209,17 +229,17 @@ export default React.createClass({ ReactDOM.findDOMNode(this.refs.SplitPanel).style.height = totalHeight1 + "px" ReactDOM.findDOMNode(this.refs.SplitPanel).childNodes[0].style.height = totalHeight1 + "px" ReactDOM.findDOMNode(this.refs.SplitPanel).childNodes[1].style.top = totalHeight1 + "px" - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].style.height = totalHeight + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].style.height = totalHeight + 'px' ReactDOM.findDOMNode(this.refs.Table_t).childNodes[0].style.width = totalwidth_t + 'px' if (totalHeight <= height_table) { // ReactDOM.findDOMNode( this.refs.Table_t).childNodes[0].style.width=totalwidth_t+'px' // ReactDOM.findDOMNode( this.refs.Table).childNodes[1].childNodes[1].style.height=totalHeight+'px' - for (let i = 0; i < ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length; i++) { + for (let i = 0; i < ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes.length; i++) { if (i == (table_trlengt - 1)) { totalwidth = totalwidth + 17 - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes[i].style.width = totalwidth + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[i].style.width = totalwidth + 'px' } else { - ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes[i].style.width = totalwidth + 'px' + ReactDOM.findDOMNode(this.refs.Table).childNodes[0].childNodes[1].childNodes[i].style.width = totalwidth + 'px' } } } @@ -353,6 +373,7 @@ export default React.createClass({ } } this.count_initialization() + }, handleSplit(){ let hand_height=ReactDOM.findDOMNode(this.refs.SplitPanel).childNodes[2].style.height diff --git a/package/Aries/src/functions/Openstack/volumes/backup.jsx b/package/Aries/src/functions/Openstack/volumes/backup.jsx index 6676ac1..9b356a5 100644 --- a/package/Aries/src/functions/Openstack/volumes/backup.jsx +++ b/package/Aries/src/functions/Openstack/volumes/backup.jsx @@ -382,11 +382,25 @@ export default React.createClass({ }, componentDidMount(){ + try{ + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length + } + catch (err){ + let tdheight = ReactDOM.findDOMNode(this.refs.Table).scrollHeight + let height_table = (totallength) * tdheight + let totalHeight = document.body.clientHeight + totalHeight -= document.getElementById('header').clientHeight + totalHeight -= document.getElementById('footer').clientHeight + let backup_nav = ReactDOM.findDOMNode(this.refs.backup_nav).clientHeight + let backup_bu = ReactDOM.findDOMNode(this.refs.backup_bu).clientHeight + totalHeight = totalHeight - backup_nav - backup_bu - 120 + ReactDOM.findDOMNode(this.refs.Table).style.height = totalHeight + 'px' + return + } let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].childNodes.length let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].scrollHeight let height_table = (totallength) * tdheight - let totalwidth = (ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].clientWidth - 17) / table_trlengt let totalHeight = document.body.clientHeight totalHeight -= document.getElementById('header').clientHeight totalHeight -= document.getElementById('footer').clientHeight diff --git a/package/Aries/src/functions/Openstack/volumes/index.jsx b/package/Aries/src/functions/Openstack/volumes/index.jsx index 59a13d2..1aa86f8 100644 --- a/package/Aries/src/functions/Openstack/volumes/index.jsx +++ b/package/Aries/src/functions/Openstack/volumes/index.jsx @@ -127,6 +127,21 @@ export default React.createClass({ OPEN.volumes_data(this,this.state.select_all) }, componentDidMount(){ + try{ + let table_trlengt=ReactDOM.findDOMNode(this.refs.volumes_table).childNodes[1].childNodes[0].childNodes[0].childNodes.length + } + catch (err){ + let tdheight = ReactDOM.findDOMNode(this.refs.volumes_table).scrollHeight + let height_table=(totallength)*tdheight + let totalHeight = document.body.clientHeight + totalHeight -= document.getElementById('header').clientHeight + totalHeight -= document.getElementById('footer').clientHeight + let volumes_nav = ReactDOM.findDOMNode(this.refs.volumes_nav).clientHeight + let volumes_bu = ReactDOM.findDOMNode(this.refs.volumes_bu).clientHeight + totalHeight = totalHeight - volumes_nav - volumes_bu - 120 + ReactDOM.findDOMNode( this.refs.volumes_table).style.height=totalHeight+'px' + return + } let table_trlengt=ReactDOM.findDOMNode(this.refs.volumes_table).childNodes[1].childNodes[0].childNodes[0].childNodes.length let totallength=ReactDOM.findDOMNode( this.refs.volumes_table).childNodes[1].childNodes[1].childNodes.length let tdheight=ReactDOM.findDOMNode( this.refs.volumes_table).childNodes[1].childNodes[1].scrollHeight diff --git a/package/Aries/src/functions/Openstack/volumes/snapshot.jsx b/package/Aries/src/functions/Openstack/volumes/snapshot.jsx index da10342..9df0b43 100644 --- a/package/Aries/src/functions/Openstack/volumes/snapshot.jsx +++ b/package/Aries/src/functions/Openstack/volumes/snapshot.jsx @@ -325,6 +325,21 @@ export default React.createClass({ }, componentDidMount(){ + try{ + let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length + } + catch (err){ + let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].scrollHeight + let height_table = (totallength) * tdheight + let totalHeight = document.body.clientHeight + totalHeight -= document.getElementById('header').clientHeight + totalHeight -= document.getElementById('footer').clientHeight + let backup_nav = ReactDOM.findDOMNode(this.refs.backup_nav).clientHeight + let backup_bu = ReactDOM.findDOMNode(this.refs.backup_bu).clientHeight + totalHeight = totalHeight - backup_nav - backup_bu - 120 + ReactDOM.findDOMNode(this.refs.Table).style.height = totalHeight + 'px' + return + } let table_trlengt = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[0].childNodes[0].childNodes.length let totallength = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].childNodes.length let tdheight = ReactDOM.findDOMNode(this.refs.Table).childNodes[1].childNodes[1].scrollHeight