Forum Replies Created

Viewing 15 posts - 1 through 15 (of 35 total)
  • Author
    Posts

  • Liam
    Participant

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

    • This reply was modified 4 years ago by  Liam.
    in reply to: expand, ensure visible, select expand, ensure visible, select #103766

    Liam
    Participant

    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


    Liam
    Participant

    Hello, Martin.
    It works !
    Thank you !


    Liam
    Participant

    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 !


    Liam
    Participant

    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 !

    in reply to: Cancel drag in jqxTree Cancel drag in jqxTree #100081

    Liam
    Participant

    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 !

    in reply to: Cancel drag in jqxTree Cancel drag in jqxTree #100080

    Liam
    Participant

    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 !


    Liam
    Participant

    Hello, as a workaround I can use jqxTree directly :

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

    Sorry for plenty messages and thank you


    Liam
    Participant

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


    Liam
    Participant

    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 !


    Liam
    Participant

    Hello, I use the following :

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

    Thank you !


    Liam
    Participant

    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 !

    in reply to: Disabling jqxMenu items Disabling jqxMenu items #99649

    Liam
    Participant

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

    in reply to: jqxLoader over jqxWindow jqxLoader over jqxWindow #99293

    Liam
    Participant

    Works fine !
    Thank you !

    in reply to: Disabling jqxMenu items Disabling jqxMenu items #99277

    Liam
    Participant

    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 !

Viewing 15 posts - 1 through 15 (of 35 total)