Grid Summary Plugin With Fixed Summary Row

[kenshin]

Great work!

Please, is possible to have a screenshot or a live demo?

[mystix]

Please, is possible to have a screenshot or a live demo?

i've already included a drop-in example.

unzip the entire package into the official 2.0 download's examples/grid directory, open Ext.ux.grid.GridSummary.html in Firefox (via File > Open File), and off you go.

you don't even need to run a webserver for the example. what more do you need???

[edit]
as requested, here's a screenshot:

[sintax.era]

thank god
hope this works... I had copied groupingview.js and added 'display:none' to the style line for the group header...then put everything in one group to use groupsummary.
Which worked...but a proper solution sounds a lot better

[sintax.era]

hmm...

I still like this look more

[mystix]

hmm...

I still like this look more

Q.E.D.


just fiddle with the CSS settings for the GridSummary row, do a forceFit on the GridPanel's viewConfig, and tweak your grid height a little. voila.

[bloon]

This plugin really helpfull,
does the plugin can contains more than 2 summary row ?
let's say the tables like this:

<table border="1" width="100%" id="table1">
    <tr>
        <td>&nbsp;</td>
        <td align="center">US$</td>
        <td align="center">IDR</td>
    </tr>
    <tr>
        <td>ITEM 1</td>
        <td align="right">1000</td>
        <td align="right">&nbsp;</td>
    </tr>
    <tr>
        <td>ITEM 2</td>
        <td align="right">&nbsp;</td>
        <td align="right">900</td>
    </tr>
    <tr>
        <td>ITEM 3</td>
        <td align="right">100</td>
        <td align="right">&nbsp;</td>
    </tr>
    <tr>
        <td>TOTAL US$</td>
        <td align="right">1100</td>
        <td align="right">&nbsp;</td>
    </tr>
    <tr>
        <td>TOTAL IDR</td>
        <td align="right">&nbsp;</td>
        <td align="right">900</td>
    </tr>
</table>

Thanks for helps.

[mystix]

This plugin really helpfull,
does the plugin can contains more than 2 summary row ?

nope. like the plugin name says, it's a single summary row.
you'll have to dig into the plugin code to add an arbitrary number of summary rows.

looking forward to your plugin

hint: you'll need to fiddle with the refreshSummary() method. look for the portion which handles deletion / insertion of the summary row into the wrapper div.

[franklt69]

Hi this plug in is very cool, save many time, doing a quick test, when the grid don't have data in column using sum appear $NaN and in column like

{id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company', summaryType: 'count', summaryRenderer: function(v, params, data) {
        return ((v === 0 || v > 1) ? '(' + v +' Companies)' : '(1 Company)');
      }},

appear 1 Company


regards
Frank

[mystix]

@franklt69, i've fixed Ext.ux.grid.GridSummary.Calculations.Sum(), and changed the summaryRenderer to

summaryRenderer: function(v, params, data) {
  return v? ((v === 0 || v > 1) ? '(' + v +' Companies)' : '(1 Company)') : '';
}

(also uploaded a new zip file containing all these changes)

let me know how it turns out for you.

[franklt69]

mystix I download the zip and changed summaryRenderer and now with 0 record the count don't appear, this is ok but yet in the column summaryType: 'sum' appear $NaN.00, should be hide like other, a little detail is when you have several column in the grid with the summary if the grid have horizontal scroll you can watching a column for instance email column and in the summary appear $700.00 so maybe will be good to set in the summary something like Total: $700.00 a field label, what do you thing?

regards
Frank