[Ivo ZhulevParticipant]

Hi pwenk,

Reinstall the create-jqwidgets-angular-app and try again.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi mrkhanakia,

Try this:

componentDidUpdate() {
    //True if props is empty
    const flag = this.source.localdata.length === 0;
                
    this.source.localdata = this.props.entriesList1;
    this.refs.jqxgrid.updatebounddata('cells');
                    
    if(flag) {
        const headers = document.querySelectorAll('.jqx-grid-column-header');
        const lastHeader = headers[headers.length -1];
        lastHeader.parentElement.remove();
    }
}

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi srinivas77877,

In the download package as you probably saw, you can find the code of this demo(in jquery). The methods names are the same, so just use the Angular syntax.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi Gary,

Could you try placing the custom.css file in the assets folder and @import it in the styles.css file?

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi, assembler,

Unfortunately, this is not possible.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi seenuvasanV,

Try with the disable method of the jqxMenu.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi jdh,

Thanks for the feedback. We will investigate that.
For now, you can call the render method after you change the selectionmode.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi odklizec,

Thanks for the report. We will look into that!

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi pwenk,

I’ve tested the package and it is fine. But I suggest you try, opening the app.module.ts file, removing the latest } and then typing it again.
It’s a common issue. Awaiting your response!

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi stijnb,

I can’t help you without knowing the data which is coming etc. So please share an example(maybe a zip file), so I can download it, install the packages and run it. Make dummy services so I can test, and remove all the code which isn’t necessary for the issue.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi Benny,

You can achieve that using the pagerrenderer property of the jqxGrid.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi elie,

Thanks for the feedback. We will update the demo soon. Here is the changed code:

columns: any[] =
    [
        {
            text: 'Picture', datafield: 'firstname', width: 100,
            createwidget: (row: number, column: any, value: string, htmlElement: HTMLElement): void => {

                const container = document.createElement('div');
                const id = 'myButton' + this.counter;
                container.id = id;
                container.style.border = 'none';
                htmlElement.appendChild(container);

                const imgurl = '../images/' + value.toLowerCase() + '.png';

                const options = {
                    width: '100%', height: 90, template: 'success',
                    imgSrc: imgurl, imgWidth: 40, imgHeight: 50, value: value,
                    imgPosition: 'center', textPosition: 'center', textImageRelation: 'imageAboveText'
                };

                const myButton = jqwidgets.createInstance('#'+ id, 'jqxButton', options);

                myButton.addEventHandler('click', function (): void {
                    const currentButtonValue = this.children[1].innerHTML;
                    alert(currentButtonValue);
                });

                this.counter++;
            },
            initwidget: (row: number, column: any, value: any, htmlElement: HTMLElement): void => {
                const imgurl = '../images/' + value.toLowerCase() + '.png';
                (<HTMLImageElement>htmlElement.children[1].children[0]).src = imgurl;
                htmlElement.children[1].children[1].innerHTML = value;
            }
        },
        { text: 'Name', datafield: 'name', width: 200 },
        { text: 'Title', datafield: 'title', width: 200 },
        { text: 'Country', datafield: 'country' }
    ];

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi seenuvasanV,

There is no such event, so you must implement it yourself. For instance, attach a click event to the jqx-grid-column-header class.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi assembler,

This is strange indeed. I can’t reproduce that behavior. Can you test your same code on other OS? And what is the problem with Linux Mint?

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi martr,

Try on of these:

Example 1: <jqxPasswordInput [(ngModel)]="newPassword" name="password"></jqxPasswordInput>
Example 2: <jqxPasswordInput [(ngModel)]="newPassword" [ngModelOptions]="{standalone: true}"></jqxPasswordInput>

Best Regards,
Ivo

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

[Author]

Posts