I am trying to configure some of the inputs on a page with a value of EN (inputs of the left column) and a value of RU (inputs of the right column). Entry with an EN value is read-only. An input with a value of RU can be changed.
After the change, I can send the POST my new value to the server.
What I do not understand: in the scripts / response / components / InputsRow.js: 61 files I have a DIV element, and everything is OK.
github link
render: function() {
var result = this.state.data,
keys = result.keys,
values = result.values,
locale_id = result.locale_id,
project_id = result.project_id,
version_id = result.version_id,
self = this;
console.log('<InputsRow /> render');
var inputNodes = keys.map && keys.map(function(item, keyIndex) {
var keyId = item.id;
return (
<div className="row" key={keyIndex} className={'inputs-row ' + (item.disabled ? 'inputs-row_disabled':'')}>
<div className="col-md-12">
<div className="col-md-6 form-group">
<div className="input-group">
<div className="input-group-addon">
<i className="fa fa-info fa-fw"></i>
</div>
{/*<input className="key-input form-control" value={item.name} onClick={self.onInputKeyClick.bind(self,item)} readOnly />*/}
<div className="key-input form-control">{item.name}</div>
</div>
</div>
<LocalValues localObj={values[keyId]} locale_id={locale_id} project_id={project_id} sendItem={self.sendItem} key_id= {keyId}/>
</div>
</div>
);
});
return (
<div>
<div>{inputNodes}</div>
</div>
)
},
If you try to split line 60 and comment line 61, you will have a problem with "RU inputs." When you enter any characters - it will work so slowly ...
I have a git repo to better declare this problem:
https://github.com/maxfarseer/react-inputs
PS "Inputs RU" = right column.