extjs grid

Ext.onReady(function() {
    Ext.BLANK_IMAGE_URL = '../resources/images/default/s.gif';

    Ext.QuickTips.init();

    function formatDate(value) {
        //var date = new Date(value);
        return value ? date.dateFormat('Y-m-d H:i:s') : '';
    }

    var sm = new Ext.grid.CheckboxSelectionModel({checkOnly : true});

    var cm = new Ext.grid.ColumnModel([sm, {
                id : 'ID',
                header : '編號',
                dataIndex : 'ID',
                align : 'center',
                width : 110,
                hidden : true
            }, {
                header : '名稱',
                dataIndex : 'name',
                align : 'center',
                width : 150,
                editor : new Ext.form.TextField({})
            }, {
                header : "時間",
                dataIndex : 'time',
                width : 120,
                align : 'center',
                renderer : formatDate,
                editor : new Ext.ux.form.DateTimeField({
                    fieldLabel : '時間',
                    id : 'time',
                    name : 'time',
                    width : 130,
                    height : 30,
                    allowBlank : false,
                    blankText : '時間不能爲空',
                    editable : false,
                    value : new Date()
                })
            }]);

    var record = Ext.data.Record.create([{
                name : 'ID',
                type : 'string'
            }, {
                name : 'name',
                type : 'string'
            }, {
                name : 'time',
                type : 'date',
                dateFormat : 'Y-m-d H:i:s'
            }]);

    var store = new Ext.data.Store({
            autoLoad : false,
            pruneModifiedRecords : true, //每次Store加載後，清除全部修改過的記錄信息    
            proxy : new Ext.data.HttpProxy({
                url : 'list.action',
                method : 'POST'
            }),
            baseParams : {
                pageNo : 0,
                pageSize : 10
            },
            paramNames : {
                start : "pageNo",
                limit : "pageSize"
            },
            reader : new Ext.data.JsonReader({
                    totalProperty : 'totalCount',
                    root : 'results'
                }, record)
            });

    store.load();

    var tbar = new Ext.Toolbar({
            items : [{
                text : '新增',
                iconCls : 'add',
                handler : add
            }, '-', {
                text : '保存',
                iconCls : 'save',
                handler : save
            }, '-', {
                text : '刪除',
                iconCls : 'remove',
                handler : remove
            }]
        });

    var bbar = new Ext.PagingToolbar({
            pageSize : 10,
            store : store,
            displayInfo : true,
            lastText : "尾頁",
            nextText : "下一頁",
            beforePageText : "當前",
            prevText : "上一頁",
            firstText : "首頁",
            refreshText : "刷新",
            afterPageText : "頁，共{0}頁",
            displayMsg : '數據從第{0}條 - 第{1}條 共{2}條數據',
            emptyMsg : '沒有數據'
        });

    var grid = new Ext.grid.EditorGridPanel({
            id : "myGrid",
            title : '信息維護', 
            renderTo : 'grid', 
            sm : sm,
            cm : cm,
            store : store,
            clicksToEdit : 1,
            loadMask : {
                msg : '正在加載數據，請稍侯……'
            },
            autoScroll : true,
            autoWidth : true,
            autoHeight : true,
            stripeRows : true,
            viewConfig : {
                forceFit : true
            },
            tbar : tbar,
            bbar : bbar
        });

    grid.render();

    function add() {
        var initValue = {
            ID : "",
            name : "",
            time : new Date()
        };
        var recode = store.recordType;
        var p = new recode(initValue); // 根據上面建立的recode 建立一個默認值
        grid.stopEditing();
        store.insert(0, p);// 在第一個位置插入
        grid.startEditing(0, 1);// 指定的行/列，進行單元格內容的編輯
    }

    function save() {
        var modified = store.modified;
        Ext.Msg.confirm("警告", "肯定要保存嗎？", function(button) {
            if (button == "yes") {
                var json = [];
                Ext.each(modified, function(item) {
                    json.push(item.data);
                });
                if (json.length > 0) {
                    Ext.Ajax.request({
                        url : "save.action",
                        params : {
                            data : Ext.util.JSON.encode(json)
                        },
                        method : "POST",
                        success : function(response) {
                            Ext.Msg.alert("信息","數據保存成功！",function() {
                                store.reload();
                            });
                        },
                        failure : function(response) {
                            Ext.Msg.alert("警告","數據保存失敗，請稍後再試！");
                        }
                    });
                } else {
                    Ext.Msg.alert("警告", "沒有任何須要更新的數據！");
                }
            }
        });
    }

    function remove() {
        var selModel = grid.getSelectionModel();
        if (selModel.hasSelection()) {
            Ext.Msg.confirm("警告", "肯定要刪除嗎？", function(button) {
                if (button == "yes") {
                    var recs = selModel.getSelections();
                    var list = [];
                    for (var i = 0; i < recs.length; i++) {
                        var rec = recs[i];
                        list.push("'" + rec.get('ID') + "'");
                    }
                    Ext.Ajax.request({
                        url : "delete.action",
                        params : {
                            data : list.join(',')
                        },
                        method : "POST",
                        success : function(response) {
                            Ext.Msg.alert("信息","數據刪除成功！", function() {
                                store.reload();
                            });
                        },
                        failure : function(response) {
                            Ext.Msg.alert("警告","數據刪除失敗，請稍後再試！");
                        }
                    });
                }
            });
        } else {
            Ext.Msg.alert("錯誤", "沒有任何行被選中，沒法進行刪除操做！");
        }
    }
});

public String list() throws Exception {
        String sql = "select ID,name,time from Info";
        String rs= infoService.getJSONBySQL(sql, page);
        String jsonString = "{totalCount:" + page.getTotal() + ",results:" + rs+ "}";

        response.setCharacterEncoding("UTF-8");
        response.setContentType("application/json");
        response.getWriter().print(jsonString);

        return null;
    }

    public String save() throws Exception {
        String data = request.getParameter("data");
        JSONArray array = JSONArray.fromObject(data);
        Object[] list = array.toArray();
        for (int i = 0; i < list.length; i++) {
            Map<String, String> map = (Map<String, String>) list[i];
            Info info = new Info();
            info.setId(map.get("ID"));
            info.setName(map.get("name"));
            info.setTime(map.get("time"));

            if (null != info.getId() && info.getId().length() > 0) {
                infoService.upate(info);
            } else {
                infoService.save(info);
            }
        }

        response.getWriter().write("SUCCESS");

        return null;
    }

    public String delete() throws Exception {
        String ids = request.getParameter("data");

        infoService.delete(ids);

        response.getWriter().write("SUCCESS");

        return null;
    }