popbean-react/example/node/demo/demo-df.js

let me think about something,comming soon...

var React = require('react/addons');
//

var css = require('../../../node_modules/react-datepicker/dist/react-datepicker.css');
require('whatwg-fetch');
//
//
var DynamicForm = require('../../../src/bs3/dynamic-form');
var DashBoard = React.createClass({
	getDefaultProps:function(){
		return {
			title:'hello world'
		};
	},
	getInitialState:function(){
		return {
			main:{

			},
			data:{
			}
		};
	},
	componentDidMount:function(){
		var self = this;
		//
		fetch('/service/cms/node-factory/single-demo/model')
		.then(function(response){
			//return response.json();
			return response.json();
		})
		.then(function(json){//获得数据去填充
			var data = json.data;
			console.log('result(model)',data.model);
			if(self.isMounted()){
				self.setState(data.model);
			}
		}).catch(function(ex){
			//FIXME 感觉统一处理比较好
			console.log(ex);
		});
	},
	render:function(){//怎么看怎么觉得应该有个壳子
		//panel panel-default
		//page-header
		//
		var style = {
			"textAlign":"center"
		};
		return(
			<div id="page-wrapper">
	            <div className="row">
	                <div className="col-lg-12">
	                    <h3 className="panel-heading">{this.props.title}</h3>
	                </div>
	            </div>
	            <DynamicForm model={this.state.main} ref="df"/>
			    <div className="row">
			    	<div className="btn-toolbar" style={{"text-align":"center","background": "#eee"}}>
			    		<button type="button" className="btn btn-default" onClick={this.onSave}>
  							<span className="glyphicon glyphicon-ok" aria-hidden="true"></span> 保存
						</button>
			    		<button type="button" className="btn btn-default">
  							<span className="glyphicon glyphicon-star" aria-hidden="true"></span> 取消
						</button>
			    	</div>
			    </div>
			</div>
		);
	},
	onSave:function(evet){
		console.log(this.refs.df.state.data);
	}
});
module.exports = DashBoard;