我目前正在使用ExtJS的项目中。
对于项目的这一部分,我必须在现有网格上实现复选框列,网格的每一行都可以具有由record.data.codiceStato确定的状态。
以下是代码的一部分:
import React from "react";
import { Field, reduxForm } from "redux-form";
class SimpleForm extends React.Component {
handleKeyPressEvent = event => {
console.log("event", event.charCode);
if (event.charCode === 13) {
this.props.handleSubmit();
}
};
renderInput = props => (
<input type={props.type} {...props.input} placeholder={props.placeholder} onKeyPress={this.handleKeyPressEvent} />
);
render() {
const { handleSubmit, pristine, submitting } = this.props;
return (
<form onSubmit={handleSubmit}>
<div>
<label>First Name</label>
<div>
<Field
name="firstName"
component={this.renderInput}
type="text"
placeholder="First Name"
/>
</div>
</div>
<div>
<button type="submit" disabled={pristine || submitting}>
Submit
</button>
</div>
</form>
);
}
};
export default reduxForm({
form: "simple" // a unique identifier for this form
})(SimpleForm);
现在,如您所见,我仅在具有精确状态(RS,AN,NP)的某些行上渲染复选框。我的问题是,当我点击标题复选框网格中的所有行都被选中时,那些不在应选择状态的行(与NP RS AN不同的状态) )。有没有什么办法解决这一问题?先感谢您。
答案 0 :(得分:0)
标题复选框可以使用rowIndex
检测到。
if (rowIndex != 0) {
if (record.data.codiceStato == 'RS' || record.data.codiceStato == 'AN' || record.data.codiceStato == 'NP') {
return '<div style="margin-left: -1px;" class="' + Ext.baseCSSPrefix + 'grid-row-checker"> </div>';
}
else {
return '';
}
}
else {
return '';
}