Table editor with issues

Topic: Table editor with issues

lwen pro premium priority asked 8 months ago

When adding new registry and the field is select or checkbox type, the eventlistener does not get the selected option. Get always the default value. In the sample pages in mdbootstrap site, it also ocurrs the problem.

I am using mbd pro (latest 7). Using table editor with modal. The event listener sends the default value (select and checkbox field types), for adding or editing.

Thank you.

Grzegorz Bujański staff commented 8 months ago

I'm not sure what exactly you mean and how to reproduce this error. Can you create a snippet in which this error occurs and describe step by step what to do to trigger it?

Add comment

lwen pro premium priority answered 8 months ago

0 0 Best answer

Today the 7.2.0 package was available for download solved the issue. There was some bug in version 7.1.0.

Add comment

lwen pro premium priority answered 8 months ago

0 0 Best answer

I am using the example provided in the Inputs example section of https://mdbootstrap.com/docs/standard/plugins/table-editor:

const advancedColumns = [ { width: 250, label: "Company", field: "company", }, { width: 250, sort: false, defaultValue: "Warsaw", options: ["London", "Warsaw", "New York"], inputType: "select", label: "Office", field: "office", }, { width: 250, inputType: "number", defaultValue: 1, label: "Employees", field: "employees", }, { width: 100, defaultValue: false, inputType: "checkbox", label: "International", field: "international", }, ];
const advancedRows = [
  {
    company: "Smith & Johnson",
    office: "London",
    employees: 30,
    international: true,
  },
  {
    company: "P.J. Company",
    office: "London",
    employees: 80,
    international: false,
  },
  {
    company: "Food & Wine",
    office: "London",
    employees: 12,
    international: false,
  },
  {
    company: "IT Service",
    office: "London",
    employees: 17,
    international: false,
  },
  {
    company: "A. Jonson Gallery",
    office: "London",
    employees: 4,
    international: false,
  },
  {
    company: "F.A. Architects",
    office: "London",
    employees: 4,
    international: false,
  },
];

const tableDisableEdit = new TableEditor(
  document.getElementById("table_inputs"),
  { columns: advancedColumns, rows: advancedRows },
  { entries: 5, entriesOptions: [5, 10, 15] }
);
const tableEditor = document.getElementById("table_inputs");
tableEditor.addEventListener("add.mdb.tableEditor", (e) => {
  console.log(e.row);
});   </script>
The message sent in console.log always has the option defined by 'defaultValue' in the 'Office' option.