[mohanaraoParticipant]

We are using jqwidgets version 8.0.0

[mohanaraoParticipant]

Hi Martin,

Thanks for the response.

Our requirements are below

We have some other elements on the screen and got two grids.

When the user tabs on the last filter column in the filter row. We don’t move between cells for each tab. Only one-time focus should be in the grid and after next tab the focus should go away out of tab

[mohanaraoParticipant]

I also see cellclassname propery on grid column available in normal javascript documentation to accept string or function but whereas it is available in Angular to accept string only. Does that mean we can’t use it with function?

[mohanaraoParticipant]

Hi Peter,

Is the licensed version still need to be download through portal. no npm support?

[mohanaraoParticipant]

Hi,

I found the way to resolve the unit test error. By doing below it is resolving the unit test case failure. Do I need to add like this on each every component spec?

beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [jqxGridComponent, MyResultsComponent]
})
.compileComponents();
}));

It can be fixed by adding “src/app/app.module.ts” to top of the “files” array in tsconfig.json file.

Do I need to remove the “src/app/**/*” and just keep the “src/app/app.module.ts” in the tsconfig.json ?

[mohanaraoParticipant]

We are not using the evaluation version. Also at the same time we are not using the dataexport.php on the our server.

Why the grid has to send data to the server to generate a csv when whole data is present on the browser?

[mohanaraoParticipant]

Hi Hristo,

Is there any alternative syntax to use data adapter part from the jquery way?

Because we would like to not to use $ syntax.

var dataAdapter = new $.jqx.dataAdapter(source, { autoBind: true });

Also with this dataAdapter we have to repeat the same column information two times. one in the source and another in columns

[mohanaraoParticipant]

Also, I want to use the unix date format instead of converting it to date object. Is there a way to achieve that

[mohanaraoParticipant]

Plunker link is the below

https://plnkr.co/edit/5aQdcq?p=preview

[mohanaraoParticipant]

Thanks, Dimitar.

Seems with angularjs we can’t use jqx-all.js. It’s better to import individual js files.

After importing individual files the problem got resolved

[mohanaraoParticipant]

Below is the plunker Example I created with the problem

See the console of the output of the plunker

Plunker Example of jqwidgets with angular ui router

Problematic code in jqxangular.js is below where it adds attribute data-jqx-ng-include and then later again in linkfunction it calls the addTemplate function

function addTemplate(element, replace, attrs, name) {
        var nodeName = element[0].nodeName.toLowerCase();
        var parent = $(element).parent();
        var contents = $(element).html();
        var ngInclude = parent && parent[0] && parent[0].nodeName.toLowerCase() == "ng-include" ? true : false;
        if ($(element).parents("[ui-view]").length > 0)
            ngInclude = true;

        if (ngInclude && !replace) {
            $(element).attr('data-jqx-ng-include', true);
            return;
        }

`

[mohanaraoParticipant]

Hi,

It is failing in the addDirective any help

function addDirective(name) {
        var properties = {};
        var linkFunction = function (scope, element, attrs, controllers, transclude) {
            if ($(element).attr('data-jqx-ng-include')) {
                $(element).removeAttr('
				');
                var children = $(element.children()).detach();
                element = addTemplate(element, true, attrs, name);
                element.append(children);
                $compile(element)(scope);
                var toParentScope = true;
                for (var obj in attrs) {
                    if (obj.toString().indexOf('jqx') == -1) {
                        continue;
                    }

                    if (scope[attrs[obj]] != undefined) {
                        toParentScope = false;
                    }
                   <ul>
 if (attrs[obj].split(".").length > 1) {</ul>

                        var subProperties = attrs[obj].split(".");
                        for (var i = 0; i < subProperties.length; i++) {
                            if (scope[subProperties[i]] != undefined) {
                                toParentScope = false;
                            }
                        }
                    }
                }
                if (toParentScope && attrs.jqxSettings) {
                    if (!$parse(attrs.jqxSettings)(scope)) {
                        toParentScope = false;
                    }
                }

                if (toParentScope) {
                    scope = scope.$parent;
                }
            }

[mohanaraoParticipant]

Hi,

Any update on this one?

If I have internal bower repo then is there a way to use the licensed jqwidgets?

Regards,
Mohana

[Author]

Posts