根据状态检查extjs网格中的行

时间:2018-07-26 08:45:31

标签: checkbox extjs grid extjs4.1

我目前正在使用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不同的状态) )。有没有什么办法解决这一问题?先感谢您。

1 个答案:

答案 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 '';
}