jQuery UI Widgets Forums Angular Grid height.

This topic contains 35 replies, has 2 voices, and was last updated by  Ivo Zhulev 6 years, 5 months ago.

Viewing 15 posts - 1 through 15 (of 36 total)
  • Author
    Grid height. Posts
  • Grid height. #97154

    seenuvasanV
    Participant

    If I set [autoheight]=”true” — then I get auto content height.

    If I set [autoheight]=”false” — then I get 400px.

    I need to set grid height as 600px, what is the way. Yes I’m using angular 4 and jqwidgets

    <jqxGrid
    [width]=”350″ [source]=”dataAdapter” [columns]=”columns” [autoheight]=”true”
    [pageable]=”false” [sortable]=”false”
    [altrows]=”true” [enabletooltips]=”false” [editable]=”false”
    [selectionmode]=”‘multiplecellsadvanced'”>

    is there any thing else like [height]=”350″?

    Grid height. #97166

    Ivo Zhulev
    Participant

    Hi seenuvasanV,

    Just set the height property and skip the autoheight one.

    Best Regards,
    Ivo

    jQWidgets Team
    http://www.jqwidgets.com/

    Grid height. #97178

    seenuvasanV
    Participant

    Hi Ivo,

    Thanks, Now its working. I have another doubt ….what about this one. [scrollbarsize]=”8″

    Grid height. #97188

    Ivo Zhulev
    Participant

    Hi seenuvasanV,

    Well, this sets/gets the scrollbars size. You can set it to the value you want. By default its 15.

    Best Regards,
    Ivo

    jQWidgets Team
    http://www.jqwidgets.com/

    Grid height. #97226

    seenuvasanV
    Participant

    Thanks it is working fine.

    Grid height. #97289

    seenuvasanV
    Participant

    for jqxMenu, i could not use this approach…. Why?

      <li
      *ngFor=”let item of items”>
      {{item.label}}

      Grid height. #97298

      seenuvasanV
      Participant

      If I set

    • element like
      <li
      *ngFor=”let item of items”>
      {{item.label}}

      The hover function not working for me. Is there any solution.

    Grid height. #97309

    Ivo Zhulev
    Participant

    Hi seenuvasanV,

    What do you mean the hover doesn’t work for you?

    Best Regards,
    Ivo

    jQWidgets Team
    http://www.jqwidgets.com/

    Grid height. #97328

    seenuvasanV
    Participant

    yes of course, the hover is not working for me. If i set menu item in normal

  • , the hover is working fine. If i set menu item by using angular *ngFor the hover is not working. <li
    *ngFor=”let item of items”>
    {{item.label}}
  • Can U pls update me…
    Thanks in advance.

    Grid height. #97332

    Ivo Zhulev
    Participant

    Hi seenuvasanV,

    In my example, all worked fine, BUT in order to build the jqxMenu that way you must create it after the li‘s have been initialized. For that you must lazy-load the widget. Use the auto-create option:

    app.component.html

    
      <jqxMenu #myMenu [width]="670" [height]="30" [auto-create]="false">
        <ul>
          <li *ngFor="let item of items">
              {{item.label}}
          </li>    
        </ul>
      </jqxMenu>
    

    app.component.ts

    export class AppComponent implements AfterViewInit {
        @ViewChild('myMenu') myMenu: jqxMenuComponent;
    
        items: any[] = [{ label: '11' }, { label: '222' }, { label: '333' }]
      
        ngAfterViewInit(): void {
            this.myMenu.createComponent({});
        }
    }

    Best Regards,
    Ivo

    jQWidgets Team
    http://www.jqwidgets.com/

    Grid height. #97339

    seenuvasanV
    Participant

    Superb!,
    It’s working for me. Thanks.

    Grid height. #97340

    seenuvasanV
    Participant

    I’m also work with angular_jqxwindow,

    i’m getting this issue:

    ERROR TypeError: a(…)[c] is not a function

    same thing I follow from the below link:

    https://www.jqwidgets.com/angular/angular-window/angular-window-defaultfunctionality.htm

    Only thing is i create jqxwindow as seperate component, not in app.component.

    Any idea?????

    Grid height. #97341

    seenuvasanV
    Participant

    For Your reference full error list:

    ERROR TypeError: a(...)[c] is not a function
        at Object.createInstance (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:20), <anonymous>:8:18094)
        at jqxWindowComponent.webpackJsonp.../../../../jqwidgets-framework/jqwidgets-ts/angular_jqxwindow.ts.jqxWindowComponent.createComponent (angular_jqxwindow.ts:129)
        at jqxWindowComponent.webpackJsonp.../../../../jqwidgets-framework/jqwidgets-ts/angular_jqxwindow.ts.jqxWindowComponent.ngOnInit (angular_jqxwindow.ts:66)
        at checkAndUpdateDirectiveInline (core.es5.js:10843)
        at checkAndUpdateNodeInline (core.es5.js:12341)
        at checkAndUpdateNode (core.es5.js:12284)
        at debugCheckAndUpdateNode (core.es5.js:13141)
        at debugCheckDirectivesFn (core.es5.js:13082)
        at Object.eval [as updateDirectives] (AppComponent.html:25)
        at Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:13067)
    Grid height. #97342

    seenuvasanV
    Participant

    Hi sorry to disturbing you,

    While start working with jqxWindow. It’s continuously giving me the issues.

    ERROR TypeError: this.host.jqxWindow is not a function
        at jqxWindowComponent.webpackJsonp.../../../../jqwidgets-framework/jqwidgets-ts/angular_jqxwindow.ts.jqxWindowComponent.open (angular_jqxwindow.ts:474)
        at AppComponent.webpackJsonp.../../../../../src/app/app.component.ts.AppComponent.onShowButton (app.component.ts:41)
        at Object.eval [as handleEvent] (AppComponent.html:4)
        at handleEvent (core.es5.js:11998)
        at callWithDebugContext (core.es5.js:13467)
        at Object.debugHandleEvent [as handleEvent] (core.es5.js:13055)
        at dispatchEvent (core.es5.js:8614)
        at core.es5.js:10770
        at SafeSubscriber.schedulerFn [as _next] (core.es5.js:3647)
        at SafeSubscriber.webpackJsonp.../../../../rxjs/Subscriber.js.SafeSubscriber.__tryOrUnsub (Subscriber.js:238)
    Grid height. #97356

    seenuvasanV
    Participant

    Am I missing any configuration???

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

    You must be logged in to reply to this topic.