[LiamParticipant]

It works, thank you.
But it still can be issue when I’m trying to “ensureVisible” a last item. But it’s minor.

[LiamParticipant]

Thank you for solution.

I think the “expandItem” should return a promise because of :
1) 300ms is a pretty big time interval
2) 300ms might not be enough for deep trees and “weak” browser

[LiamParticipant]

Hello, Martin.
It works !
Thank you !

[LiamParticipant]

Hello, Martin.
Thank you for example. It works except one thing. If I open a loader from the first or second modal window, it still not covering modal windows.
You can use your previous example to reproduce, just replace the code of modal-window1.component.ts with the following code and then press “Open loader” button from the first modal window.

modal-window1.component.ts

@Component({
  selector: 'app-modal-window1',
  template: '

    <jqxLoader #jqxLoader [isModal]="true"></jqxLoader>

    <app-modal-window2 #modalWindow2></app-modal-window2>

    <jqxWindow class="window1" #thisWindow [width]="200" [height]="200" [autoOpen]="false" [isModal]="true">
      <div>Window1</div>
      <div>
        Modal Window 1
        <input type="button" value="Open Modal 2" (click)="modalWindow2.open()">
        <br/><br/><br/>
        <input type="button" (click)="jqxLoader.open()" value="Open loader"/>
      </div>
    </jqxWindow>
  '
})
export class ModalWindow1Component {

  @ViewChild('thisWindow') thisWindow: jqxWindowComponent;

  open() {
    this.thisWindow.open();
  }
}

Thank you !

[LiamParticipant]

Hello, Martin.

In this thread Stanislav recommended me to use that CSS because loader is not covering modal dialog window and I can interact with that window ( it must be disabled ). For example :

app.component.ts

@Component({
  selector: 'app-root',
  template: '
    <jqxLoader #jqxLoader></jqxLoader>
    
    <jqxWindow #thisWindow [width]="320" height="200" [autoOpen]="true" [isModal]="true">
      <div>Modal Window</div>
      <div>
        <input type="button" value="Open Loader" (click)="jqxLoader.open()"/>
      </div>
    </jqxWindow>
  '
})

export class AppComponent {
}

What CSS should I use to make it work in both cases ?
( 1 -> to cover modal dialog windows with jqxLoader; 2 -> to open dialog window from another dialog window properly )

Thank you !

[LiamParticipant]

Hello, I have found a solution.

export class AppComponent implements AfterViewInit {
  @ViewChild('myTree') tree: jqxTreeComponent;

  onDragEnd(item, dropItem, args, dropPosition, tree) {
    console.log(item);
    console.log(dropItem);
    return false;
  }

  ngAfterViewInit(): void {
    this.tree.createComponent({
      dragEnd: this.onDragEnd
    });
  }
}

<jqxTree
  #myTree
  [width]="300"
  [auto-create]="false"
>
...

Thank you !

[LiamParticipant]

Hello, I want selectively disable items to drop within the jqxTree.
I saw that example. In that example you return false when you need to disable item drop :

$('#treeB').jqxTree({
	allowDrag: true, allowDrop: true, height: '300px', width: '220px',
	dragEnd: function (item, dropItem, args, dropPosition, tree) {
		if (item.label == "Forum")
			return false;
	}
});

I tried same in Angular, but it didn’t work :

export class AppComponent {
  @ViewChild('myTree') tree: jqxTreeComponent;

  onDragEnd(event: any) {
    console.log('Drag end');
    return false;
  }
}

<jqxTree
  #myTree
  (onDragEnd)="onDragEnd($event)"
  [width]="300"

How can I implement it in Angular in right way ?
Thank you !

[LiamParticipant]

Hello, as a workaround I can use jqxTree directly :

this.tree.host.jqxTree("val", undefined);

Sorry for plenty messages and thank you

[LiamParticipant]

Hello, I have found a solution myself by creating an HTML title with certain id and assigning a click event to that.
Thank you

[LiamParticipant]

Hello, as a workaround I created two jqxNotification components. The first with ‘info’ template and the second with ‘error’ template.
Hope it will be fixed.
Thank you !

[LiamParticipant]

Hello, I use the following :

jqwidgets-scripts: 5.5.0
@angular/core: 5.2.9
Chrome 65.0.3325.181

Thank you !

[LiamParticipant]

Hello, I’m sorry I provided a bit wrong example. Please ignore my previous example.
The problem is : when changing a template() at runtime in jqxNotification component, it doubles notification message.
Providing working example to reproduce :

app.component.html

<jqxNotification #msgNotification
                 [position]="'top-right'"
                 [opacity]="0.9"
                 [autoOpen]="false"
                 [autoClose]="true"
                 [closeOnClick]="true"
                 [animationOpenDelay]="800"
                 [autoCloseDelay]="4000"
>
  <div id="notification-text">
    Initial text
  </div>
</jqxNotification>

<input type="button" value="Click on me few times" (click)="onClick()">

app.component.ts

export class AppComponent {
  @ViewChild('msgNotification') msgNotification: jqxNotificationComponent;

  onClick() {
    this.msgNotification.template(this.msgNotification.template() === 'info' ? 'error' : 'info');
    this.msgNotification.open();
  }
}

Thank you !

[LiamParticipant]

Hello, could you tell please when approximately will be released a new version with this fix ?
Thank you !

[LiamParticipant]

Works fine !
Thank you !

[LiamParticipant]

Hello, btw I’ve got the same problem with jqxButton. When button is disabled I can still click it :

<jqxButton
  [height]='32'
  [width]="94"
  [textImageRelation]='"imageBeforeText"'
  [textPosition]='"center"'
  [imgSrc]='"/assets/save.png"'
  [disabled]="isDisabled"
  (click)="isDisabled = !isDisabled"
  #loginButton>
  Login
</jqxButton>

Thank you !

[Author]

Posts