jQuery Grid Plugin - jqGrid - Topic: rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata Simple:Press Version 5.7.5.3 jan-kratochvil on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30589 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30589 ...

]]> Tue, 06 May 2014 15:52:45 +0300 jan-kratochvil on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30588 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30588 Thank you for your help, I did it this way, if someone is interested...

<script language="javascript">
function rowStyle(rd) {
      if ((rd.dodano == "Ne") && (rd.potvrzeno == "Ano")) { // verify that the testing is correct in your case
        return {"style": "background-color:#FFFF99;"};
      }
      if (rd.dodano == "ÄŒást") { // verify that the testing is correct in your case
        return {"style": "background-color:#CCFF99;"};
      }
      if (rd.dodano == "Ano") { // verify that the testing is correct in your case
        return {"style": "background-color:#99FF66;"};
      }
      return {"style": ""};
}
 
function objednavkyPotvrd(grid,id){
    $.ajax({ url:'\/objednavky\/?do=potvrd&doklad='+id })
     .done(function(d) {
            //set columns returned by ajax call
            $('#'+grid).jqGrid('setRowData',id, d.rowData );
            //get the whole row
            var rd = $('#'+grid).jqGrid ('getRowData', id);  
            //set the row css
            $('#'+id).attr(rowStyle(rd));
     });
}

jQuery('#objednavky').jqGrid({
    hoverrows:false,
    gridview:true,
    scrollPaging:true,
    rowNum:100,
    rowList:[20,50,100,500],
    sortname:'doklad',
    sortorder:'desc',
    toolbarfilter: true,
    url: {link loadGrid!},
    datatype:'json',
    colNames:[ 'Doklad','Objednávka','Datum','IÄŒO','Zákazník','Kód','Plat','Splat','Suma','Suma s DPH','Potvrz','Dod','Odsouhlaseno'],
    colModel :[
      { name:'doklad', index:'doklad', width:120, align:'left'},
      { name:'objednavka', index:'objednavka', width:70, align:'left'},
      { name:'dat_por', index:'dat_por', width:80, align:'left'},
      { name:'ico', index:'ico', width:70, align:'left'},
      { name:'zkraceny_nazev', index:'zkraceny_nazev', width:170, align:'left'},
      { name:'zakazka', index:'zakazka', width:40},
      { name:'typ_uhrady', index:'typ_uhrady', width:40},
      { name:'splatnost', index:'splatnost', width:40},
      { name:'cena_bez_dph', index:'cena_bez_dph', width:80, formatter:currencyFormatter},
      { name:'cena_celkem', index:'cena_celkem', width:80, formatter:currencyFormatter},
      { name:'potvrzeno', index:'potvrzeno', width:40},
      { name:'dodano', index:'dodano', width:40},
      { name:'odsouhlaseno', index:'odsouhlaseno', width:40, hidden:true},
    ],
    rowattr: function (rd) {
      return rowStyle(rd);
    },
});

]]> Tue, 06 May 2014 15:52:44 +0300 tony on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30583 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30583 Hello,

If you know the id of the row and the grid id then you can

$("#rowId","#gridId").css("property","value");

Kind regards

]]> Tue, 06 May 2014 09:59:39 +0300 jan-kratochvil on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30577 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30577 Thank you, can you please hint me, what is the easiest way to address the TR element of the exact row?

]]> Mon, 05 May 2014 09:36:22 +0300 tony on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30576 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30576 Hello,

Yes - it is clear now. Thanks for posting the code.

rowattr event fire only when a new row is inserted, but not when it is updated.

The event will fire when you use addRowData.

To do what you want you will need set the attribute of the row using jQuery.

Kind Regards

]]> Sun, 04 May 2014 10:48:53 +0300 jan-kratochvil on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30572 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30572 My grid (this works fine):

<script language="javascript">
jQuery('#objednavky').jqGrid({
    hoverrows:false,
    gridview:true,
    scrollPaging:true,
    rowNum:100,
    rowList:[20,50,100,500],
    sortname:'doklad',
    sortorder:'desc',
    toolbarfilter: true,
    url: {link loadGrid!},
    datatype:'json',
    colNames:[ 'Doklad','Objednávka','Datum','IÄŒO','Zákazník','Kód','Plat','Splat','Suma','Suma s DPH','Potvrz','Dod','Odsouhlaseno'],
    colModel :[
      { name:'doklad', index:'doklad', width:120, align:'left'},
      { name:'objednavka', index:'objednavka', width:70, align:'left'},
      { name:'dat_por', index:'dat_por', width:80, align:'left'},
      { name:'ico', index:'ico', width:70, align:'left'},
      { name:'zkraceny_nazev', index:'zkraceny_nazev', width:170, align:'left'},
      { name:'zakazka', index:'zakazka', width:40},
      { name:'typ_uhrady', index:'typ_uhrady', width:40},
      { name:'splatnost', index:'splatnost', width:40},
      { name:'cena_bez_dph', index:'cena_bez_dph', width:80, formatter:currencyFormatter},
      { name:'cena_celkem', index:'cena_celkem', width:80, formatter:currencyFormatter},
      { name:'potvrzeno', index:'potvrzeno', width:40},
      { name:'dodano', index:'dodano', width:40},
      { name:'odsouhlaseno', index:'odsouhlaseno', width:40, hidden:true},
    ],
    rowattr: function (rd) {
      if ((rd.dodano == "Ne") && (rd.potvrzeno == "Ano")) {
        return {"style": "background-color:#FFFF99;"};
      }
      if (rd.dodano == "ÄŒást") {
        return {"style": "background-color:#CCFF99;"};
      }
      if (rd.dodano == "Ano") {
        return {"style": "background-color:#99FF66;"};
      }
    }
});
</script>

Now tha data change code (button code):

    $.ajax({ url:'\/objednavky\/?do=potvrd&doklad='+id })
     .done(function(d) {
            $('#objednavky').jqGrid('setRowData',id, d.rowData );
     });

This callback changes potvrzeno to "Ano", but the rowattr formatter doesn't reformat it...

Is is now clear, what is the problem?

]]> Sat, 03 May 2014 22:24:10 +0300 tony on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30570 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30570 Hello,

Can you please show us with code how you do this. The code with ajax and the dynamic code too?

Regards

]]> Sat, 03 May 2014 10:12:27 +0300 jan-kratochvil on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30556 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30556 If I load data with ajax, rowattr gets applied correctly, but when I dynamicly change data with setRowData teh formatting doesn't change.

]]> Tue, 29 Apr 2014 12:21:03 +0300 jan-kratochvil on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30553 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30553 Sorry for the delay, but this is not the solution.

I don't know if my question is clear, but I need to update row attribues according to new value set with setRowData, thank you.

]]> Mon, 28 Apr 2014 17:55:54 +0300 tony on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30518 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30518 Hello,

You can try to use setColProp  to change the rowattr function before to use setRowData.

This can be something like this:

// this is the new rowattr function

function newrowattrset(..)

{

...

}

...

$("#grid").jqGrid('setColProp', 'mycolname', {rowattr: newrowattrset});

$("#grid").jqGrid('setRowData',....);

Regards

]]> Sat, 19 Apr 2014 11:57:23 +0300 jan-kratochvil on rowattr triger after setRowData http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30509 Help http://www.trirand.com/blog/?page_id=393/help/rowattr-triger-after-setrowdata#p30509 I'm using rowattr to format data and it works fine, but when a change data in a row with setRowData I need to reformat the row with rowattr taking account new data set. Is it possible to trigger this update somehow?

Thank you Jan

]]> Thu, 17 Apr 2014 17:29:05 +0300