@syncfusion/ej2-dropdowns 26.2.11 → 27.1.48

package/src/drop-down-tree/drop-down-tree-model.d.ts

@@ -103,6 +103,13 @@ export interface TreeSettingsModel {
 
     autoCheck?: boolean;
 
+    /**
+     * Determines whether the disabled children will be checked or not if their parent is checked.
+     *
+     * @default true
+     */
+    checkDisabledChildren?: boolean;
+
     /**
      * Specifies the action on which the parent items in the pop-up should expand or collapse. The available actions are
      * * `Auto` - In desktop, the expand or collapse operation happens when you double-click the node,
@@ -462,6 +469,18 @@ export interface DropDownTreeModel extends ComponentModel{
      */
     value?: string[];
 
+    /**
+     * Specifies the way to customize the selected values in the Dropdown Tree component based on application needs. If the **valueTemplate** property is set, the template content overrides the displayed item text.
+     * The property accepts [template string] (https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID holding the content. The context for the valueTemplate comes from the data object passed to it.
+     *
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    valueTemplate?: string | Function;
+
     /**
      * Specifies the width of the component. By default, the component width sets based on the width of its parent container.
      * You can also set the width in pixel values.

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -91,6 +91,12 @@ export declare class TreeSettings extends ChildProperty<TreeSettings> {
      * @default false
      */
     autoCheck: boolean;
+    /**
+     * Determines whether the disabled children will be checked or not if their parent is checked.
+     *
+     * @default true
+     */
+    checkDisabledChildren: boolean;
     /**
      * Specifies the action on which the parent items in the pop-up should expand or collapse. The available actions are
      * * `Auto` - In desktop, the expand or collapse operation happens when you double-click the node,
@@ -148,8 +154,8 @@ export interface DdtPopupEventArgs {
      */
     popup: Popup;
     /**
-    * Determines whether the current popup close action needs to be prevented or not.
-    */
+     * Determines whether the current popup close action needs to be prevented or not.
+     */
     cancel?: boolean;
 }
 export interface DdtDataBoundEventArgs {
@@ -328,6 +334,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private isClicked;
     private isCheckAllCalled;
     private isFromFilterChange;
+    private valueTemplateContainer;
     /**
      * Specifies the template that renders to the popup list content of the
      * Dropdown Tree component when the data fetch request from the remote server fails.
@@ -622,6 +629,17 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
      * @aspType Object
      */
     value: string[];
+    /**
+     * Specifies the way to customize the selected values in the Dropdown Tree component based on application needs. If the **valueTemplate** property is set, the template content overrides the displayed item text.
+     * The property accepts [template string] (https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID holding the content. The context for the valueTemplate comes from the data object passed to it.
+     *
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    valueTemplate: string | Function;
     /**
      * Specifies the width of the component. By default, the component width sets based on the width of its parent container.
      * You can also set the width in pixel values.
@@ -778,6 +796,8 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
         [key: string]: string;
     };
     private updateOverFlowView;
+    private checkRemainingTemplate;
+    private updateChipAndValueTemplate;
     private updateRemainTemplate;
     private getOverflowVal;
     private updateDelimMode;
@@ -797,6 +817,8 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private setTreeValue;
     private setTreeText;
     private setSelectedValue;
+    private setValueTemplate;
+    private getValueTemplateElement;
     private setValidValue;
     private getItems;
     private getNestedItems;
@@ -842,6 +864,8 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private getChildNodeData;
     private getChildMapperFields;
     private removeSelectedData;
+    private initializeValueTemplate;
+    private showOrHideValueTemplate;
     private updateSelectedValues;
     private setChipValues;
     private setTagValues;