DevExpress / devextreme-reactive

Business React components for Bootstrap and Material-UI
https://devexpress.github.io/devextreme-reactive/
Other
2.08k stars 382 forks source link

Selection in Edit Mode #1159

Closed azatTemirbek closed 6 years ago

azatTemirbek commented 6 years ago

i am using selection in custom selection mode(binded with state) and i can select row with select all but in editing mode i can not see checkbox*([x]) on first colum (every row). I have used TableSelection with cellComponent:myowncomponent but no success So i thought about maybe there is no such functionality like Edit + Selection at the same time.

Current Behaviour

no checkbox on multiselection mode + edit

Expected Behaviour

multiselection with checkbox

Steps to Reproduce (for Bugs)

Your Environment

var g=_(_dxgrb.Grid,{rows: rows, columns: columns, getRowId : (row) => row[this.props.keyField]},
                _(_dxrg.SortingState, null),
                this.props.multiselect && _(_dxrg.SelectionState,{selection:[], onSelectionChange:this.changeSelection},null),
                _(_dxrg.SearchState, null),
                _(_dxrg.IntegratedFiltering, null),
                _(_dxrg.GroupingState,null),          
                _(_dxrg.IntegratedGrouping ,null),
                _(_dxrg.IntegratedSorting,null),
                rows.length>iwb.detailPageSize ?  _(_dxrg.PagingState, pageSize>1 ? {currentPage: currentPage, onCurrentPageChange: this.onCurrentPageChange, pageSize: pageSize, onPageSizeChange: this.onPageSizeChange}:{}) : null,
                this.props.multiselect && _(_dxrg.IntegratedSelection ,null),
                !viewMode && _(_dxrg.EditingState,{columnExtensions:tableColumnExtensions,editingRowIds:editingRowIds, onEditingRowIdsChange:this.changeEditingRowIds,rowChanges:rowChanges, onRowChangesChange:this.changeRowChanges, addedRows:addedRows, onAddedRowsChange:this.changeAddedRows, onCommitChanges:this.commitChanges}),
                _(_dxgrb.DragDropProvider,null),
                _(_dxgrb.Table, {columnExtensions: tableColumnExtensions}),//,cellComponent: Cell
                this.props.multiselect && _(_dxgrb.TableSelection,{showSelectAll:true, showSelectionColumn:true, cellComponent:SelectionControl}),
                _(_dxgrb.TableColumnReordering, {order:columnOrder,onOrderChange:this.onColumnOrderChange}),
                _(_dxgrb.TableColumnResizing, {columnWidths:columnWidths, onColumnWidthsChange:this.onColumnWidthsChange}),       
                _(_dxgrb.TableHeaderRow,  { showSortingControls: !0 }),
                !viewMode && _(_dxgrb.TableEditRow, { cellComponent: this.EditCell}),
                !this.props.multiselect && !viewMode && _(_dxgrb.TableEditColumn, { showAddCommand:this.props.crudFlags.insert, showEditCommand:this.props.crudFlags.edit, showDeleteCommand:this.props.crudFlags.remove, commandComponent:Command  }),
                rows.length>iwb.detailPageSize ?  _(_dxgrb.PagingPanel, {pageSizes: pageSizes || iwb.detailPageSize}) : null,
                _(_dxgrb.TableGroupRow,null),
                _(_dxgrb.Toolbar,null),
                _(_dxgrb.SearchPanel, {messages:{searchPlaceholder:'Hızlı Arama...'}}),
                _(_dxgrb.GroupingPanel,{showSortingControls:true})
            );

devextreme-reactive: Generated: 2018-03-20 react: 16 browser: chrome bootstrap: none react-bootstrap4: true material-ui: none

SergeyAlexeev commented 6 years ago

Hi,

Currently, this functionality is not supported out of the box. Yet, you can implement it by creating a custom Grid plugin. This sample shows how this plugin can look.

You can find more information about Grid's plugin development in our documentation.

azatTemirbek commented 6 years ago

thanks

lock[bot] commented 5 years ago

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.