Custom widgets in matrixdynamic

Hello, my intention is to embed select2tagbox in matrixdynamic. Is there any generic way to do so?

Using JQuery I’m trying to override the ‘cellType’ property of matrixdropdownbase class

JsonObject.metaData.addClass("matrixdropdownbase", [ ..... { name: "cellType", default: "dropdown", choices: ["dropdown", "checkbox", "radiogroup", "text", "comment"] } ..... ],

with select2tagbox property (as mentioned in the select2tagbox example) but I’m not sure if it’ll work.

Is this feasible ?

[fullstack-jack]

I’ve found an issue with my application where I’m trying to use a custom widget within a dynamic matrix. It seems to also exist in the plunk mentioned above (plunk) so thought you might be able to offer some advice.

If you have multiple rows in the dynamic matrix and then click the remove button on the first row the last row gets removed. Other rows will do the same, always removing the last row. Interestingly, the correct element in the dynamic matrix data array is removed i.e. the data is correct but the display is wrong.

I’ve seen this issue in IE and Firefox. Any help would be greatly appreciated.

[nategasm]

@tsv2013 That seems to almost work, but there are still some really weird issues in that fiddle. Here is one example with exact steps: On page 1 fill out the first matrix row completely Add a second row, fill in 1st column, then 2nd column. After filling 2nd column, the date value of the first row is cleared. If you continue changing the values on the 2nd row, it will then sometimes change the values on the 1st row.

Another example: Fill out 1 row of matrix on page 1. Go to page 2 and fill out 1 matrix row. Go back to page 1 and the date value is gone.