How to use the office-ui-fabric-react/lib/DetailsList.SelectionMode.none function in office-ui-fabric-react

To help you get started, we’ve selected a few office-ui-fabric-react examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github microsoft / BotFramework-Composer / Composer / packages / extensions / obiformeditor / src / Form / fields / TableField.tsx View on Github external
...dialogOptionsOpts,
              onClick: createNewItemAtIndex(typeof index === 'undefined' ? 0 : index + 1),
            })}
          />
        );
      },
    },
  ];

  return (
    
      {items && items.length > 0 && (
        
      )}
      {children && children({ onChange, createNewItemAtIndex })}
    
  );
}
github OfficeDev / office-ui-fabric-react / packages / office-ui-fabric-react / src / components / DetailsList / examples / DetailsList.Advanced.Example.tsx View on Github external
onClick: this._onLayoutChanged,
                    data: DetailsListLayoutMode.justified
                  }
                ]
              }
            },
            {
              key: 'selectionMode',
              text: 'Selection mode',
              subMenuProps: {
                items: [
                  {
                    key: SelectionMode[SelectionMode.none],
                    text: 'None',
                    canCheck: true,
                    checked: selectionMode === SelectionMode.none,
                    onClick: this._onSelectionChanged,
                    data: SelectionMode.none
                  },
                  {
                    key: SelectionMode[SelectionMode.single],
                    text: 'Single select',
                    canCheck: true,
                    checked: selectionMode === SelectionMode.single,
                    onClick: this._onSelectionChanged,
                    data: SelectionMode.single
                  },
                  {
                    key: SelectionMode[SelectionMode.multiple],
                    text: 'Multi select',
                    canCheck: true,
                    checked: selectionMode === SelectionMode.multiple,
github SharePoint / sp-dev-fx-extensions / samples / react-command-print / src / extensions / print / components / add-update-template-panel / add-update-template-panel.tsx View on Github external
selectionPreservedOnEmptyClick={true}
                                                onRenderItemColumn={this._renderItemColumn}
                                                onRenderRow={this._renderRow}
                                                dragDropEvents={this._getDragDropEvents()}
                                                columnReorderOptions={this.state.isColumnReorderEnabled ? this._getColumnReorderOptions() : undefined}
                                                ariaLabelForSelectionColumn="Toggle selection"
                                                ariaLabelForSelectAllCheckbox="Toggle selection for all items"
                                            />
                                        
                                        :
                                        
                                }

                            
                        
                        <label>Add section</label>
                        <div>
                            <div>
                                 this.setState({ section: { ...this.state.section, Title: value, Id: value }, sectionErrorMessage: '' })} value={this.state.section.Title} /&gt;

                            </div>
                            <div>
                                 this._openColorPicker(false)} /&gt;
                                 this._openColorPicker(true)} /&gt;</div></div>
github OfficeDev / office-ui-fabric-react / packages / office-ui-fabric-react / src / components / DetailsList / examples / DetailsList.Advanced.Example.tsx View on Github external
}
                ]
              }
            },
            {
              key: 'selectionMode',
              text: 'Selection mode',
              subMenuProps: {
                items: [
                  {
                    key: SelectionMode[SelectionMode.none],
                    text: 'None',
                    canCheck: true,
                    checked: selectionMode === SelectionMode.none,
                    onClick: this._onSelectionChanged,
                    data: SelectionMode.none
                  },
                  {
                    key: SelectionMode[SelectionMode.single],
                    text: 'Single select',
                    canCheck: true,
                    checked: selectionMode === SelectionMode.single,
                    onClick: this._onSelectionChanged,
                    data: SelectionMode.single
                  },
                  {
                    key: SelectionMode[SelectionMode.multiple],
                    text: 'Multi select',
                    canCheck: true,
                    checked: selectionMode === SelectionMode.multiple,
                    onClick: this._onSelectionChanged,
                    data: SelectionMode.multiple
github OfficeDev / office-ui-fabric-react / packages / office-ui-fabric-react / src / components / DetailsList / examples / DetailsList.Documents.Example.tsx View on Github external
isHeaderVisible={true}
              selection={this._selection}
              selectionPreservedOnEmptyClick={true}
              onItemInvoked={this._onItemInvoked}
              enterModalSelectionOnTouch={true}
              ariaLabelForSelectionColumn="Toggle selection"
              ariaLabelForSelectAllCheckbox="Toggle selection for all items"
              checkButtonAriaLabel="Row checkbox"
            /&gt;
          
        ) : (
          
        )}
      
    );
  }