Crystal Dashboard Design - щелчки по действию в теге привязки столбца таблицы - PullRequest
0 голосов
/ 18 июня 2019

Я использую тему Crystal Dashboard вactjs, создал таблицу с действиями для редактирования данных этой строки, вызвав службу.но когда я нажимаю, я каждый раз получаю последние данные.Вот мой фрагмент кода

       <table className="table table-hover table-striped">
        <thead>
          <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Description</th>
            <th>Status</th>
            <th className="text-right">Actions</th>
          </tr>
        </thead>
        <tbody>
          {items.map(item => (
            <tr key={item.industry_Id}>
              <td>{item.industry_Id}</td>
              <td>{item.industry_Name}</td>
              <td>{item.industry_Description}</td>
              <td>{item.active_flag == "1" ? "Active" : "Inactive"}</td>
              <td className="text-right">
                  <a rel="tooltip" id={item.industry_Id}
                  className="btn btn-info btn-simple btn-xs"
                  data-original-title="View Profile"
                  onClick={() => this.setState({ showDelWin: true })}>
                  <i className="fa fa-remove"></i>
                </a>
                <Alert
                  title={item.industry_Name}
                  show={this.state.showDelWin}
                  // showCancelButton={true}
                  showConfirmButton={true}
                  confirmButtonText="Confirm"
                  text="Do you wish to delete the industry"
                  onConfirm={() => this.deleteItem(item)}
                  onOutsideClick={() => this.setState({ showDelWin: false 
                  })}
                  onEscapeKey={() => this.setState({ showDelWin: false 
               })} />
              </td>
            </tr>
          ))}
        </tbody>
      </table>

Когда я нажимаю на кнопку действия 2-й строки, отображаются только данные последней строки

Может кто-нибудь помочь, пожалуйста

...