Grid height.

[seenuvasanVParticipant]

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″?

[Ivo ZhulevParticipant]

Hi seenuvasanV,

Just set the height property and skip the autoheight one.

Best Regards,
Ivo

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

[seenuvasanVParticipant]

Hi Ivo,

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

[Ivo ZhulevParticipant]

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/

[seenuvasanVParticipant]

Thanks it is working fine.

[seenuvasanVParticipant]

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

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

[seenuvasanVParticipant]

If I set

[Ivo ZhulevParticipant]

Hi seenuvasanV,

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

Best Regards,
Ivo

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

[seenuvasanVParticipant]

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.

[Ivo ZhulevParticipant]

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/

[seenuvasanVParticipant]

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

[seenuvasanVParticipant]

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?????

[seenuvasanVParticipant]

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)

[seenuvasanVParticipant]

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)

[seenuvasanVParticipant]

Am I missing any configuration???

[Author]

Posts