easy3wui 1.5.55-beta4 → 1.5.55-beta6

package/lib/Easy3wEditBigTable/index.js

@@ -514,13 +514,57 @@ var Easy3wEditBigTable = function (_Component) {
       return toolbar;
     };
 
+    _this.onCheckCellIsEditable = function (obj) {
+      var column = obj.column;
+      // column：当前列的信息。
+      // idx：当前单元格的索引。
+      // row：当前行的数据。
+      // rowIdx：当前行的索引
+
+      var editable = column.editable,
+          editor = column.editor;
+
+      if (editable || editor) {
+        // 单元格可编辑
+        return true; // 返回 true 表示允许编辑
+      } else {
+        return false; // 返回 false 表示禁止编辑
+      }
+    };
+
+    _this.touchRowRenderer = function (obj) {
+      var onCheckCellIsEditable = _this.props.onCheckCellIsEditable;
+      var renderBaseRow = obj.renderBaseRow,
+          columns = obj.columns,
+          row = obj.row,
+          idx = obj.idx;
+
+      var onCheckCellIsEditableNew = onCheckCellIsEditable || _this.onCheckCellIsEditable;
+      var columnsNew = [].concat(columns);
+      columns.map(function (column, index) {
+        if (onCheckCellIsEditableNew({ column: column, idx: idx, row: row })) {
+          columnsNew[index] = (0, _extends3['default'])({}, column, { cellClass: (column.cellClass || '') + ' custom-edit-cell' });
+        }
+        return column;
+      });
+      return _react2['default'].createElement(
+        'span',
+        null,
+        renderBaseRow((0, _extends3['default'])({}, obj, {
+          columns: [].concat(columnsNew)
+        }))
+      );
+    };
+
     _this.getReactDataGridProps = function () {
       var arrValues = _this.state.arrValues;
       var _this$props8 = _this.props,
           enableCellSelect = _this$props8.enableCellSelect,
           rowKey = _this$props8.rowKey,
           objToolbarProps = _this$props8.objToolbarProps,
-          rowSelection = _this$props8.rowSelection;
+          rowSelection = _this$props8.rowSelection,
+          onCheckCellIsEditable = _this$props8.onCheckCellIsEditable,
+          touchRowRenderer = _this$props8.touchRowRenderer;
 
       var objReactDataGridProps = {}; // ReactDataGrid属性对象
       // toolbar属性
@@ -537,6 +581,10 @@ var Easy3wEditBigTable = function (_Component) {
       if (enableCellSelect && typeof enableCellSelect === 'boolean') {
         objReactDataGridProps.enableCellSelect = enableCellSelect;
         objReactDataGridProps.onGridRowsUpdated = _this.onGridRowsUpdated; // 表格编辑
+        if (onCheckCellIsEditable) {
+          objReactDataGridProps.onCheckCellIsEditable = onCheckCellIsEditable; // 单元格是否可编辑
+        }
+        objReactDataGridProps.rowRenderer = touchRowRenderer || _this.touchRowRenderer; // 表格行渲染
       }
       // 表格行选择
       if (rowSelection && typeof rowSelection === 'boolean') {
@@ -727,6 +775,9 @@ var Easy3wEditBigTable = function (_Component) {
 
   // #endregion toolbar处理
   // #region 设置ReactDataGrid属性
+  // 在单元格设置为活动状态之前调用，返回一个布尔值以确定单元格是否可编辑
+
+  // 表格行渲染
 
   // 创建columns
 
@@ -747,7 +798,9 @@ var Easy3wEditBigTable = function (_Component) {
     var _props = this.props,
         totalFlag = _props.totalFlag,
         objOtherProps = _props.objOtherProps,
-        objToolbarProps = _props.objToolbarProps;
+        objToolbarProps = _props.objToolbarProps,
+        strReactDataGridStyle = _props.strReactDataGridStyle,
+        strAddReactDataGridStyle = _props.strAddReactDataGridStyle;
 
     var objReactDataGridProps = this.getReactDataGridProps();
     var columns = this.createColumns(); // 表头
@@ -755,6 +808,11 @@ var Easy3wEditBigTable = function (_Component) {
     return _react2['default'].createElement(
       'div',
       { style: { backgroundColor: '#fff' } },
+      _react2['default'].createElement(
+        'style',
+        null,
+        strReactDataGridStyle || (strAddReactDataGridStyle || '') + '\n              .custom-edit-cell {  \n                background-color: #f6ffed;\n              }\n            '
+      ),
       _react2['default'].createElement(_reactDataGrid2['default'], (0, _extends3['default'])({}, this.props, {
         ref: this.ReactDataGridRef,
         columns: columns // 表头

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "1.5.55-beta4",
+  "version": "1.5.55-beta6",
   "description": "easy3wui components for react",
   "keywords": [
     "react",