mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
69d8ff147e
* [ADF-3323] Moved source file parsing to main doc tool * [ADF-3323] Moved source info classes * [ADF-3323] Added doc YAML generator tool * [ADF-3323] Added doc YAML/JSON source paths to gitignore * [ADF-3323] Completed templates and template context code * [ADF-3323] Added source paths and updated type linker * [ADF-3323] Final fixes to templates and type linking * [ADF-3323] Fixed filter for private and protected methods * [ADF-3323] Content services docs after check and rebuild * [ADF-3323] Updated docbuild script in package.json
67 lines
3.4 KiB
Markdown
67 lines
3.4 KiB
Markdown
---
|
|
Added: v2.1.0
|
|
Status: Active
|
|
Last reviewed: 2018-04-16
|
|
---
|
|
|
|
# Content Node Selector Panel component
|
|
|
|
Opens a Content Node Selector in its own dialog window.
|
|
|
|
|
|
|
|
## Basic Usage
|
|
|
|
```html
|
|
<adf-content-node-selector-panel
|
|
[currentFolderId]="currentFolderId"
|
|
[dropdownHideMyFiles]="dropdownHideMyFiles"
|
|
[dropdownSiteList]="dropdownSiteList"
|
|
[rowFilter]="rowFilter"
|
|
[imageResolver]="imageResolver"
|
|
(select)="onSelect($event)">
|
|
</adf-content-node-selector-panel>
|
|
```
|
|
|
|
## Class members
|
|
|
|
### Properties
|
|
|
|
| Name | Type | Default value | Description |
|
|
| ---- | ---- | ------------- | ----------- |
|
|
| breadcrumbTransform | `Function` | | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
|
|
| currentFolderId | `string` | null | Node ID of the folder currently listed. |
|
|
| dropdownHideMyFiles | `boolean` | false | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
|
|
| dropdownSiteList | [`SitePaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | null | Custom site for site dropdown same as siteList. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
|
|
| imageResolver | `ImageResolver` | null | Custom image resolver function. See the [Document List component](document-list.component.md#custom-row-filter) for more information. |
|
|
| isSelectionValid | `ValidationFunction` | defaultValidation | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true. |
|
|
| pageSize | `number` | | Number of items shown per page in the list. |
|
|
| rowFilter | `RowFilter` | null | Custom row filter function. See the [Document List component](document-list.component.md#custom-row-filter) for more information. |
|
|
|
|
### Events
|
|
|
|
| Name | Type | Description |
|
|
| ---- | ---- | ----------- |
|
|
| select | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`MinimalNodeEntryEntity`](../content-services/document-library.model.md)`[]>` | Emitted when the user has chosen an item. |
|
|
|
|
## Details
|
|
|
|
This component opens a _content node selector_ in its own dialog window. This behaves a lot like the
|
|
standard file open/save dialogs used by applications to choose files. Full details are given in the
|
|
[Content Node Selector component](content-node-selector.component.md) page (this is similar but does
|
|
not manage the dialog window for you). Also, the
|
|
[Content Node Dialog service](content-node-dialog.service.md) has several methods that give you
|
|
finer control over the behavior of the dialog.
|
|
|
|
### Using the breadcrumbTransform function
|
|
|
|
The `breadcrumbTransform` property lets you modify the Node object that is used to generate the
|
|
list of breadcrumbs. You can use this, for example, to remove path elements that are not
|
|
relevant to the use case. See the [Breadcrumb component](breadcrumb.component.md) page for an
|
|
example of how to use this function.
|
|
|
|
## See also
|
|
|
|
- [Content Node Selector component](content-node-selector.component.md)
|
|
- [Content Node Dialog service](content-node-dialog.service.md)
|