albertovasquez / richhtml Goto Github PK

this would be nice so we can check jquery responses like we do everywhere else

Chrome - http://gyazo.com/6b7dd11270be69ba000ef8405cdda8e1
Firefox - http://gyazo.com/7fa97782933af1488fa10d3d6ffae8e1
IE 9/9 - http://gyazo.com/c532542c56d8a38254628e0193caa41b
IE 8/8 - http://gyazo.com/1def7d7b968bee7ac50978975fc9f57b

Firefox / Chrome: http://gyazo.com/06e0c7a79c366af6674c5801ba17c39f
Safari Mac: [screenshot](https://s3.amazonaws.com/uploads.hipchat.com/6803/13705/tpw6jox2n82zdht/Screen shot 2013-02-05 at 15.28.59.png)

update dom / css to reflect new sprite

Add methods to update specific entry (row) of data with new data provided (json).

if given a new json object of data with an id, there should be a method to update the given row with the updated data. The method has a separate initial param for the ID of the row to update so that the provided json isn't required to have an id property.
example:
json object: var foo = { id: 5, name: 'John doe', address: '123 Somewhere' }
method:
richGrid.updateRow(foo.id, foo);

when initializing new richGrid, attach it to the jquery dom, so that an additional lookup does not have to be provided when attaching binds.
current:

var foo = new richGrid({});
$(foo).on('rowselect', function(){});

should be

var foo = new richGrid({});
foo.on('rowselect', function(){});

and update title of richwindow accordingly when shown.
if title not supplied, fall back on one supplied when initializing

given the following example json return

JSONresults = [{foo: true}]

the value of foo is equal to the boolean true

new RichHTML.grid({
    columns: [{
        id: 'foo',
        dataIndex: 'foo',
        renderer: function(item) {
            return item == true ? 'Yes' : 'No';
        }
    }]
});

when rendering, it will always return "No", as by the time the render function interprets the value, it has had it's type changed. within the render function, item = "true" (typeof string, not typeof boolean, which it should be)

    columns: [
        {
            id: 'nextDate',
            dataIndex: 'nextdate',
            text: lang('Next Date'),
            sortable: true,
            align: 'center'
        },
        {
            text: lang('Taxable'),
            sortable: true,
            align: 'center',
            renderer: recurringCharges.renderer.taxable
        },
    ]

will result in the following dom

<thead>
    <tr>
        <th class="sortable" nowrap="nowrap" style="width: 100%;" dataindex="nextdate" colspan="1" rowspan="1">Next Date</th>
        <th class="sortable" nowrap="nowrap" style="width:;" dataindex="" colspan="1" rowspan="1"
    </tr>
</thead>

Title is plain enough

when defining a "groupBy" property, richHTML should be able to take a renderer to display the group's html within the table, instead of relying on the entire markup coming in via JSON.

http://gyazo.com/c9b3648d0bf1d0c39b6901d28387cdfb

http://gyazo.com/b48a23526ffe456995f17ea4c0e1ffca
http://gyazo.com/0e1a2e3640bda4a1f296d29ba4c42dad
http://gyazo.com/2c3d98ce12f8747661458e38b92a867e