Kendo inline add

[Jiyo]

In kendo inline adding feature when i press the add button mulitple times it generates multiple new rows to add.....is there any way to restrict that?? i.e, If a user click the add button multiple times it should only show one row for adding new data.

[Stefan]

Hello, Jiyo,

This can be done, by making a check to see if there is a new line added. The check will depend on the implementation.

I added it to our demo to see a possible approach:
https://stackblitz.com/edit/react-dsrwk5?file=app/main.jsx

This is the relevant code:

  addNew = () => {
    let data = [...this.state.data];
    let isNewAdded = false;
    data.forEach(item => {
      if (!item.ProductID) {
        isNewAdded = true;
        return;
      }
    });
    if (!isNewAdded) {
      const newDataItem = { inEdit: true, Discontinued: false };
      this.setState({
        data: [newDataItem, ...this.state.data]
      });
    }
  };

Regards,
Stefan
Progress Telerik

[Jiyo]

Got it....Thankyou