add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / neptune-components / app / view / grid / widget / Basic.js

Ext.define('Neptune.view.grid.widget.Basic', function() {\r
    /**\r
     * Custom function used for column renderer\r
     * @param {Object} val\r
     */\r
    function change(val) {\r
        if (val > 0) {\r
            return '<span style="color:green;">' + val + '</span>';\r
        } else if (val < 0) {\r
            return '<span style="color:red;">' + val + '</span>';\r
        }\r
        return val;\r
    }\r
\r
    /**\r
     * Custom function used for column renderer\r
     * @param {Object} val\r
     */\r
    function pctChange(val) {\r
        if (val > 0) {\r
            return '<span style="color:green;">' + val + '%</span>';\r
        } else if (val < 0) {\r
            return '<span style="color:red;">' + val + '%</span>';\r
        }\r
        return val;\r
    }\r
\r
    return {\r
        extend: 'Ext.grid.Panel',\r
        xtype: 'basicGrid',\r
        store: 'Company',\r
        title: 'Basic Grid',\r
        plugins: {\r
            ptype: 'cellediting'\r
        },\r
        columns: [\r
            { text: 'Company', flex: 1, dataIndex: 'company', editor: 'textfield' },\r
            { text: 'Price', width: 75, sortable: true, formatter: 'usMoney', dataIndex: 'price', editor: 'numberfield' },\r
            { text: 'Change', width: 75, sortable: true, renderer: change, dataIndex: 'change', editor: 'numberfield' },\r
            { text: '% Change', width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange', editor: 'numberfield' },\r
            { text: 'Last Updated', width: 85, sortable: true, formatter: 'date("m/d/Y")', dataIndex: 'lastChange', editor: 'datefield' },\r
            {\r
                menuDisabled: true,\r
                sortable: false,\r
                xtype: 'actioncolumn',\r
                width: 24,\r
                items: [{\r
                    icon   : '../shared/icons/fam/delete.gif',\r
                    tooltip: 'Sell stock'\r
                }]\r
            }\r
        ]\r
    };\r
});\r