我是新来的React, 我的问题是: 我有一个html格式的按钮(Btn)和一个反应输入文本(TXT)组件;我想让按钮在txt的“oninput”事件上单击。发送一个html表单到jsx组件
这是组件JSX文件:
(function(app){
function component(){
var Date = React.createClass({
getValue: function() {
var el = $(this.getDOMNode());
var input = el[0].childNodes[1].childNodes[0];
return $(input).val();
},
componentDidMount: function() {
var el = $(this.getDOMNode());
var element = el[0].childNodes[1];
$(element).datetimepicker({
autoclose: true,
format: 'yyyy-mm-dd',
startView: 'decade',
minView: 'month',
isRTL: false,
//pickTime: false,
pickerPosition:"bottom-right"
});
},
render: function() {
return (
{this.props.title}
fontSize: 12}} readOnly className="form-control" className={this.props.class}/>
}
});
function create(elementId,props){
return React.render(, document.getElementById(elementId));
}
return {
create:create
};
}
app.component('dateComponent',component);
})(beirutHubBaseApp);
按钮是在HTML文件;这个按钮是由jquery datatable制作的搜索按钮,因此它必须位于数据表中。
这是控制器:
jd = dateComponent.create('jd',
{
title:"",
name:"filter_joinDate",
class:"form-control form-filter datepicker"
});
那么如何让这个活动?
2016-01-23
Aliove