BUI.use(['bui/overlay', 'bui/form', 'bui/grid', 'bui/data'], function(Overlay, Form, Grid, Data) { 
 
    var form = new Form.HForm({ 
        srcNode: '#form' 
    }).render(); 
 
    var dialog = new Overlay.Dialog({ 
        title: '配置DOM', 
        width: 500, 
        height: 620, 
        //配置DOM容器的编号 
        contentId: 'content', 
        success: function() { 
            alert('确认'); 
            this.close(); 
        } 
    }); 
    dialog.show(); 
    $('#btnShow').on('click', function() { 
        dialog.show(); 
    }); 
 
 
    Store = Data.Store, 
            enumObj = {"1": "选项一", "2": "选项二", "3": "选项三"}, 
    columns = [ 
        {title: '文本', dataIndex: 'a', editor: {xtype: 'text', validator: validFn}}, //editor中的定义等用于 BUI.Form.Field.Text的定义 
        {title: '数字', dataIndex: 'b', editor: {xtype: 'number', rules: {required: true}}}, 
        {title: '日期', dataIndex: 'c', editor: {xtype: 'date'}, renderer: Grid.Format.dateRenderer} 
 
    ], 
            data = [{a: '123', e: '2,3', f: false}, {a: 'cdd', c: 1363924044176, f: true}, {a: '1333', b: 2222, d: 2, f: false}]; 
    function valid(value) { 
 
        if (value === '1') { 
            return '不能选择1'; 
        } 
    } 
    var editing = new Grid.Plugins.CellEditing({ 
        triggerSelected: false //触发编辑的时候不选中行 
    }), 
            store = new Store({ 
                data: data, 
                autoLoad: true 
            }), 
            grid = new Grid.Grid({ 
                render: '#grid', 
                columns: columns, 
                width: 400, 
                height: 220, 
                forceFit: true, 
                tbar: {//添加、删除 
                    items: [{ 
                            btnCls: 'button button-small', 
                            text: '添加', 
                            listeners: { 
                                'click': addFunction 
                            } 
                        }, 
                        { 
                            btnCls: 'button button-small', 
                            text: '删除', 
                            listeners: { 
                                'click': delFunction 
                            } 
                        }] 
                }, 
                plugins: [editing, Grid.Plugins.CheckSelection, Grid.Plugins.ColumnChecked], 
                store: store 
            }); 
    grid.render(); 
 
    function validFn(value, obj) { 
        //debugger; 
        var records = store.getResult(), 
                rst = ''; 
        BUI.each(records, function(record) { 
            if (record.a == value && obj != record) { 
                rst = '文本不能重复'; 
                return false; 
            } 
        }); 
        return rst; 
    } 
 
    //添加记录 
    function addFunction() { 
        var newData = {b: 0}; 
        store.addAt(newData, 0); 
        editing.edit(newData, 'a'); //添加记录后，直接编辑 
    } 
    //删除选中的记录 
    function delFunction() { 
        var selections = grid.getSelection(); 
        store.remove(selections); 
    } 
});