#6529 grid.column.Component: support for function based components

Author: tobiu

examples/grid/bigData/GridContainer.mjs

@@ -51,7 +51,11 @@ class GridContainer extends BaseGridContainer {
                 {type: 'index', dataField: 'id', text: '#', width: 60},
                 {cellAlign: 'left', dataField: 'firstname', defaultSortDirection: 'ASC', text: 'Firstname', width: 150},
                 {cellAlign: 'left', dataField: 'lastname',  defaultSortDirection: 'ASC', text: 'Lastname',  width: 150},
-                {cellAlign: 'left', dataField: 'foo', text: 'Increase Counter', width: 130,  component: {module: Button, text: 'Hello'}}
+                {cellAlign: 'left', dataField: 'foo', text: 'Increase Counter', width: 150,  component: ({record}) => ({
+                    module: Button,
+                    text  : record.firstname + ' ++',
+                    width : 130
+                })}
             ];
 
         for (; i <= value; i++) {

src/grid/column/Component.mjs

@@ -41,23 +41,31 @@ class Component extends Column {
      * @param {Number|String}      data.value
      * @returns {*}
      */
-    cellRenderer({gridContainer, record, rowIndex}) {
-        let me                        = this,
-            {appName, view, windowId} = gridContainer,
-            id                        = `${me.id}-component-${rowIndex % (view.availableRows + 2 * view.bufferRowRange)}`,
-            component                 = me.map.get(id);
+    cellRenderer(data) {
+        let {gridContainer, record, rowIndex} = data,
+            {appName, view, windowId}         = gridContainer,
+            me              = this,
+            id              = `${me.id}-component-${rowIndex % (view.availableRows + 2 * view.bufferRowRange)}`,
+            component       = me.map.get(id),
+            componentConfig = me.component;
+
+        if (Neo.typeOf(componentConfig) === 'Function') {
+            componentConfig = componentConfig(data)
+        }
+
+        console.log(componentConfig);
 
         if (component) {
             component.set({
-                record
+                componentConfig
             })
         } else {
             component = Neo.create({
                 appName,
                 id,
                 record,
                 windowId,
-                ...me.component
+                ...componentConfig
             });
 
             me.map.set(id, component)