@acorex/components 18.5.8 → 18.5.10

package/fesm2022/acorex-components-common.mjs

@@ -1394,6 +1394,7 @@ class MXSelectionValueComponent extends MXValueComponent {
         this.formatService = inject(AXFormatService);
         this.dataService = inject(AX_SELECTION_DATA_TOKEN);
         this._valueField = 'id';
+        this._textTemplate = '';
         this._textField = 'text';
         this._disabledField = 'disabled';
         this._multiple = false;
@@ -1407,6 +1408,15 @@ class MXSelectionValueComponent extends MXValueComponent {
             value: v,
         });
     }
+    get textTemplate() {
+        return this._textTemplate;
+    }
+    set textTemplate(v) {
+        this.setOption({
+            name: 'textTemplate',
+            value: v,
+        });
+    }
     get textField() {
         return this._textField;
     }
@@ -1555,15 +1565,18 @@ class MXSelectionValueComponent extends MXValueComponent {
             coerceBooleanProperty(item[this.disabledField]) === true ||
             (this.disabledCallback ? this.disabledCallback({ item, index: -1 }) : false));
     }
-    getDisplayText(item) {
-        const normalizeItem = this.normalizeItem(item);
-        const formattedText = this.formatService.format(this.textField, 'string', normalizeItem);
-        return formattedText || normalizeItem[this.valueField];
-    }
     // protected getDisplayText(item: T) {
     //   const normalizeItem = this.normalizeItem(item) as any;
-    //   return normalizeItem[this.textField] || normalizeItem[this.valueField];
+    //   return formattedText || normalizeItem[this.valueField];
     // }
+    getDisplayText(item) {
+        const normalizeItem = this.normalizeItem(item);
+        const formattedTemplate = this.formatService.format(this.textTemplate, 'string', normalizeItem);
+        if (this.textTemplate && formattedTemplate != this.textTemplate)
+            return formattedTemplate;
+        else
+            return normalizeItem[this.textField] || normalizeItem[this.valueField];
+    }
     getValue(item) {
         const normalizeItem = this.normalizeItem(item);
         return normalizeItem[this.valueField];