popbean-react/src/bs3/search-box.jsx

let me think about something,comming soon...

var React = require('react');
//
var DynamicForm = require('./dynamic-form');
var FormBuilder = require('./form-builder');
//
var SearchBox = React.createClass({
	getInitialState:function(){
		return {
			model:{},
			data:{}
		};
	},
	render:function(){
		var style={
			"top":"5px",
		};
		var padding_left_style={
			"padding-left":"5px"	
		};
		var right = {
			float:"left"
		};
		var layout = {
			float:"left",
			width:"90%"
		};
		//暂时先这样吧，以后调样式,布局未遂，以后再说吧，先实现功能
		var clone = FormBuilder.filter(this.props.model,'param');
		return(
			<div>
				<DynamicForm model={clone} data={this.state.data} ref="df"/>
				<button type="button" className="btn btn-default btn-log" onClick={this.props.onSearch}>
					<span className="glyphicon glyphicon-search" aria-hidden="true"></span>
					查询
				</button>
			</div>
		);
	},
	getQueryParam:function(){//获得查询参数值
		return this.refs.df.state.data;
	}
});
module.exports = SearchBox;