1

作業中の列の間の線を太字にしようとしていJQgridます。Special、Exit、Buyback、Reset、New、およびその他の太字の前に列行を取得しようとしています。どんな助けでも適用されます

 $("#departmentGrid").jqGrid({  
    datatype: 'jsonstring',
    datastr : departmentData,
    colNames:['SVP', 'Dept','Mkt Inact OH $','% to Ttl', 'Special', '% to Ttl', 'Exit','% to Ttl','Buyback','% to Ttl','Reset','% to Ttl','New’,'% to Ttl', 'Other','% to Ttl'],
    colModel:[
          {name:'svp',index:'svp', sorttype:'int', width:'5', align:'left', editoptions: {border: '3'}},
          {name:'dept',index:'dept', sorttype:'int', width:'2', align:'left'},
          {name:'mktDollars',index:'mktDollars', sorttype:'int', width:'4', align:'right'},
          {name:'mktPercent',index:'mktPercent', sorttype:'int', width:'2', align:'center'},
          {name:'rsn',index:'rsnCdSpecBuy', sorttype:'int', width:'3', align:'right'},
          {name:'rsnCdSpecBuyPercent',index:'rsnCdSpecBuyPercent', sorttype:'int', width:'2', align:'center'},
          {name:'exit',index:'exit', sorttype:'int', width:'2', align:'right'},
          {name:'exitPercent',index:'exitPercent', sorttype:'int', width:'2', align:'center'},
          {name:'buyback',index:'buyback', sorttype:'int', width:'2', align:'right'},
          {name:'buybackPercent',index:'buyback', sorttype:'int', width:'2', align:'center'},
          {name:'reset',index:'reset', sorttype:'int', width:'2', align:'right'},
          {name:'resetPercent',index:'resetPercent', sorttype:'int', width:'2', align:'center'},
          {name:'new',index:'newSku', sorttype:'int', width:'2.5', align:'right'},
          {name:'newPercent',index:'newPercent', sorttype:'int', width:'2', align:'center'},
          {name:'other',index:'other', sorttype:'int', width:'2', align:'right'},
          {name:'otherPercent',index:'otherPercent', sorttype:'int', width:'2', align:'center'},
      ],
    jsonReader: {
        root: "results",
        repeatitems: false
    },
    gridview: true,
    altRows: false,
    sortorder: "asc",
    height:'auto',
    selrow:true,
    autowidth: true,
    title:true,
    caption:false,

    loadComplete: function(){
         var rowIDs = jQuery("#departmentGrid").getDataIDs(); 
         var allRowsOnCurrentPage = $('file-grid').jqGrid('getDataIDs'); 


         for (var i=0;i<rowIDs.length;i=i+1){ 
            rowData=jQuery("#departmentGrid").getRowData(rowIDs[i]);
            var trElement = jQuery("#"+ rowIDs[i],jQuery('#departmentGrid'));
            if (rowData.dept == "") { 
                trElement.addClass('total_row');
            }

            if(rowData.svp != ""){
                trElement.addClass('svp_row');
            }
          }

      }
});
4

1 に答える 1

0

これが最善の方法かどうかはわかりませんが、これが機能することはわかっています。

必要な css を記述してから、loadComplete (または gridComplete) 関数を追加し、その css スタイルで必要なセルを設定します。これは疑似コードであり、テストされていません。

loadComplete: function (d) {
    $.each(d.rows, function (i, item) {
        var i = d.rows[i].id;
        jQuery('#' + i).addClass("new_css_border_name");
    });
}

適用する条件を確認するコードを追加するだけです。

于 2012-11-07T20:08:44.023 に答える