wenzhixin / bootstrap-table-examples

Bootstrap table examples
https://examples.bootstrap-table.com/
MIT License
2.24k stars 1.62k forks source link

Editable Extension how pass x-editable options reading from database #468

Open francogiacobbi opened 2 years ago

francogiacobbi commented 2 years ago

I need for an help to use editable extension with different x-editable options reading from database.

I tried to pass something like this:

 mystringfromdb = [   {   "field:" "roomType'"   },
                                   {
                                 "field": "Mon",
                                    "editable": "{
                                            type: 'number',
                                            title: 'Update Rates',
                                            validate: function (v) {
                                                  if (!v) return 'Please Enter Rate Value';
                                                  if (parseFloat(v) < 0) return 'Rate should be greater than 0';
                                                  }} "
                                       }
                               ];
var mycol= JSON.parse(mystringfromdb);
.....$($able).bootstrapTable('destroy').bootstrapTable({
                data: mydata,
               .....
               columns: mystringfromdb
              ......
)}

but i receive always "Uncaught TypeError: g[c] is undefined".

If analyze html

i see

60: Object { field: "Mon", … } editable: "{type: 'number', title: 'Update Rates', validate: function (v) { if (!v) return 'Please Enter Rate Value'; if (parseFloat(v) < 0) return 'Rate should be greater than 0'; }" field: "Mon" .....

if i use only editable=true all is ok but i can't implement validate function.

How can i pass x-editable options for using with JSON.parse function ? Problems may be double quotes ?

Any help is appreciate.