EasyUI Forum
October 03, 2022, 06:41:53 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
  Home Help Search Login Register  
  Show Posts
Pages: [1]
1  General Category / EasyUI for Angular / Re: Please add split support to LayoutPanelComponent on: September 02, 2022, 04:23:54 AM
It still has been disappearing when clicked the collapse button. It's not working like EasyUI jQuery.
2  General Category / EasyUI for Angular / Re: Tooltip Directive doesn't Work At Latest Update on: August 02, 2022, 09:27:43 AM
I watched from browser console with hideDelay. eui-tooltip-content is showing but empty.
3  General Category / EasyUI for Angular / Tooltip Directive doesn't Work At Latest Update on: August 02, 2022, 09:17:18 AM
It was working before the last update. getElement method returns null.

Code:
# DomHelper Class
outerWidth(element, margin = false) {
  let el = this.getElement(element);
  let width = el.offsetWidth;
  if (margin) {
    let style = getComputedStyle(el);
    width += (parseInt(style.getPropertyValue('margin-left')) || 0) + (parseInt(style.getPropertyValue('margin-right')) || 0);
  }
  return width;
}
4  General Category / EasyUI for Angular / Re: Accessing nested components of DataGridComponent on: July 24, 2022, 02:48:30 AM
Can't access component when I tried without static parameter too. It's giving an error. DataGridComponent is undefined. I think, that's not a problem. Using an external Angular module may be solution. Otherwise EasyUI team must write extra code for that.
5  General Category / EasyUI for Angular / Re: Accessing nested components of DataGridComponent on: July 12, 2022, 06:24:09 AM
Actually, my question is an Angular question. Probably, creating an Angular component with its own module for detail template is a good method.

Code:
<ng-template euiDetailTemplate let-row>
    <div class="item f-row" style="margin: 6px 6px 6px 30px">
        <div class="f-column w-100">
            <app-file-detail-tab [fileId]="row.id"></app-file-detail-tab>
        </div>
    </div>
</ng-template>
6  General Category / EasyUI for Angular / Accessing nested components of DataGridComponent on: July 12, 2022, 06:03:03 AM
I have a question about detail template for expanded datagrid row. I can't access expanded nested datagrid components with @ViewChild decorator. I think, there is no event output ngAfterViewInit for detail template. Have you any suggestion for my code? How can I access nested components as an Angular component?

Code:
/* Can access parent DataGridComponent */
@ViewChild('parentDatagrid', {static: true}) datagrid: DataGridComponent;

Code:
<eui-datagrid
            #parentDatagrid
            [lazy]="true"
            [data]="data"
            (rowSelect)="rowClick($event)"
            (rowExpand)="onExpandRow($event)"
    (rowContextMenu)="contextMenu($event)"
    (rowCollapse)="onRowCollapse($event)"
    >
    <eui-grid-column [expander]="true" width="30"></eui-grid-column>
    <eui-grid-column field="col1" title="Col 1" width="100px"></eui-grid-column>
    <eui-grid-column field="col2" title="Col 2" width="200px"></eui-grid-column>
    <ng-template euiDetailTemplate let-row #detailTemplate>
        <div class="item f-row">
            <div class="f-column">
                <eui-tabs style="height:250px">
                    <eui-tab-panel title="Tab 0">
                        <eui-datagrid #childDatagrid1>
                            <eui-grid-column title="Col 1"></eui-grid-column>
                            <eui-grid-column title="Col 2"></eui-grid-column>
                        </eui-datagrid>
                    </eui-tab-panel>
                    <eui-tab-panel title="Tab 1">
                        <eui-datagrid #childDatagrid2>
                            <eui-grid-column title="Col 1"></eui-grid-column>
                            <eui-grid-column title="Col 2"></eui-grid-column>
                        </eui-datagrid>
                    </eui-tab-panel>
                </eui-tabs>
            </div>
        </div>
    </ng-template>
</eui-datagrid>
7  General Category / EasyUI for Angular / Re: RadioButtonComponent doesn't work on: June 06, 2022, 04:39:15 AM
Version 1.3.4 works perfectly. Thank you @jarry.
8  General Category / EasyUI for Angular / Re: RadioButtonComponent doesn't work on: June 05, 2022, 02:45:15 PM
There is a new problem at version 1.3.3. "ComboBoxComponent.onDocumentClick" gives undefined "nativeElement" error.

Code:
    // @HostListener('document:click', ['$event'])
    onDocumentClick(event) {
        if (!this.disabled && !this.editable) {
            if (domHelper.isChild(event.target, this.inputRef.nativeElement)) {
                event.stopPropagation();
                this.togglePanel();
                return false;
            }
        }
        if (this.panelRef) {
            event.stopPropagation();
            if (domHelper.isChild(event.target, this.hostRef.nativeElement)) {
                return false;
            }
            if (!domHelper.isChild(event.target, this.panelRef.nativeElement)) {
                this.closePanel();
            }
        }
    }
9  General Category / EasyUI for Angular / RadioButtonComponent doesn't work on: June 04, 2022, 01:56:58 PM
I have tested with your radio button demo example. I get nativeElement error. Probably this.inputRef has null value at get checked() method. So Can't read native element property. Where is my wrong?

Code:
class RadioButtonComponent extends ValueAccessorBase {
    constructor() {
        super(...arguments);
        this.name = null;
        this.disabled = false;
        this.inputId = null;
    }
    get checked() {
        return this.inputRef.nativeElement.checked;
    }
    writeValue(value) {
        if (this.value == value) {
            this.inputRef.nativeElement.checked = true;
        }
    }
    onClickButton(event) {
        this.select();
    }
    onChange(event) {
        this.select();
    }
    select() {
        if (this.disabled) {
            return;
        }
        this.inputRef.nativeElement.checked = true;
        this._changed.forEach(f => f(this.value));
    }
}
10  General Category / EasyUI for Angular / ComboBoxComponent groupField not works. on: June 01, 2022, 02:07:22 PM
I looked at ComboBoxComponent. It has groupField input. ComboBoxComponent uses DataListComponent inside its. As far as I understand, groupField input value was not assigned to DataListComponent. Is there any update for that?
11  General Category / EasyUI for Angular / Re: TabsComponent does not show selectors when there are too many tabs panels. on: May 30, 2022, 05:22:41 AM
Updated 1.3.2 version. It works fine. Thanks...
12  General Category / EasyUI for Angular / Re: TabsComponent does not show selectors when there are too many tabs panels. on: May 29, 2022, 02:08:47 PM
I have tested TabsComponent scrollable property with true value. In the below function. this.tabsRef is undefined. Can't read nativeElement property. I have tried extending TabsComponent. It has another TabPanelComponent inside its. So, I didn't solve the problem. I have tested with ng-easyui 1.3.0 version.

Code:
get maxScrollDistance() {
        //let width = domHelper.outerWidth(this.tabsRef.nativeElement);
let width = this.tabsRef.nativeElement.scrollWidth;
let wrapWidth = this.tabsWrapRef.nativeElement.offsetWidth;
return width > wrapWidth ? width - wrapWidth : 0;
}
Pages: [1]
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!