[mathodParticipant]

Maybe I can put my grid in a div :

<div *ngIf="GetRequestDone"> MY GRID </div>

Like that, my grid is created when my data are load…
But is it the good way ? …

[mathodParticipant]

Thanks, I have resolved this problem.
But I have an other problem now..

My imageRenderer in my grid, is depending of a variable which is initialize by a get request in y constructor.

But, sometimes ( 1 time/2), my request grid is initialize before my get request called… So my var is undefined and my imageRenderer doesn’t work and I have this message :
undefined:1 GET http://localhost:4200/assets/setup/composition/undefined 404 (Not Found)

I understand this error, but I don’t know how can I call get request BEFORE grid Initialization…
Is it possible to initialize my grid After constructor call

thanks a lot

[mathodParticipant]

For my edit, it’s because my imput is a numberand not a text.
I need to replace by inputValue.jqxNumberInput({disabled: true});

But like i ask, how can i know which component is ? to call dynamically inputValue.jqxNumberInput or inputValue.jqxImput, inputValue.jqxDropDownList

[mathodParticipant]

Thank you ! It works fine !

But, if i don’t know which component is, for example for a dropDownList i will use :

      input.jqxDropDownList({disabled: true});

but how can i know which component is. is it possible to know that with getComponentByName() ?
because I’m looping on all inputs, and sometimes, it can be an other component than input. DropDownList for example of checkbox

Thanks a lot

EDIT:
I have this bug, and i don’t know why :

[mathodParticipant]

Hello !

Ok it’s résolve !

   this.form.addEventHandler('formDataChange', (event: any) => {
        console.log("ok");
    });

It works ! could you confirm that is the good way to make what i want ?

Thanks !

Math

[mathodParticipant]

Sorry to post lot of messages but i can’t edit…

I create a grid, and i have an event on cellClick.
This event will create a form which is different between differents cells.

I have success to create this with that :

  myGridOnCellSelect(event:any):void {
    document.getElementById("listAttributes").remove();
    let column = this.myGridPosition.getcolumn(event.args.datafield).datafield;
    this.showAttributesForm = true;
    this.columnSelected = column;
    this.template  = this.createTemplate(this.columnSelected);;
    this.value =  this.createValues(this.columnSelected); 
    let options ={
        template:this.template,
        value:this.value
    };

    var iDiv = document.createElement('div');
    var node = document.getElementById("main");
    iDiv.id = 'listAttributes';
    iDiv.className ='listAttributes';
    node.append(iDiv);
    this.form = jqwidgets.createInstance('.listAttributes','jqxForm',options);
    this.myAttributesForm = jqwidgets.createInstance('.listAttributes','jqxForm',options);
    this.form.refresh();
  }

But with this way, i don’t know how can i bind an event on this form…

I don’t know how use your solution in angular …

Thanks a lot !

[mathodParticipant]

Maybe it’s the only way, because i can’t call my component like this :

        <jqxForm #myAttributesForm
          [width]= '300'
          [height] ='auto'
          [template] = 'template'>
      </jqxForm>

what i want to do doesn’t work with this way, so i will need to make something like on your example maybe..
But, i need to import jqxform.js to make this ? it’s not a problem to use jqxform.js in angular ?

Actually i have this error, do you know why ?

[mathodParticipant]

Thank you !
I code with Angular, it’s the same way ? or it exist another way ?
I will try yours !

[mathodParticipant]

Thanks a lot Martin.

[mathodParticipant]

OK… i need ID in deleterow and not row….. it works fine.. sorry

[mathodParticipant]

I have found a solution, but it not works every time…

  getTest(){
    return this.http.get("/api/setup/rate/canDeleteElectricityRate");
  }

buttonclick:(row:number):void =>{
        var condition = false;
        var test;
        
        this.getTest().subscribe(x => { console.log('Exist',x);
          if (x){
            this.myGridRate.deleterow(row);   
          }
      })

my server return always true, for my tests, but sometimes the row is not deleted… and my console.log write me : “Exist True”
So, my condition is validated, but my row is not deleted…
my grid have 7 rows, and i can delete maximum 6 row and sometimes just 5… why ?

Thanks

[mathodParticipant]

And i have a second question :
Is it possible to initialize a grid, without display her ? Just to browse datas in a a loop.
Like for example i want to make a condition for my first grid depending of my second grid, but i don’t want display this second grid, it’s just for get data of this second grid
i don’t know if you understand what i want…
Thanks a lot

[mathodParticipant]

Hello, do you know when this feature will be available?
Thanks,
Math

[mathodParticipant]

Ok, i found the problem but can’t resolved it…
if i have 2 grids in differetns divs, some cells of my first grid can’t be clickable…
Do you know why ? but if i put 2 grids in the same div, i can use and click on cells.

If you don’t understand my problem i will try to resolve alone, or i will try to create a stackblitz.
but maybe i m not the first with this problem

Thanks a lot.

[mathodParticipant]

I have already read this post but in this example, names of columns are define previously
I need to add columns, and change her name…
When i add a columns their names are define by “null” and after, i can change with edit.
But i don’t know if it’s possible with jqxgrid… ?

[Author]

Posts