1.datagrid基本属性

2.datagrid增删改查

（1）

columns:[[
{
title:'编号',
field:'id',
width:100 //宽度一定要给出，不给出会报错
},{
title:'姓名',
field:'name',
width:100
},{
title:'密码',
field:'password',
width:100
}

        \]\],  
        toolbar:\[{  
            text:'增加',  
            iconCls:'icon-add',  
            handler:function(){  
            }  
        },{  
            text:'删除',  
            iconCls:'icon-remove',  
            handler:function(){  
             }  
         },{  
            text:'修改',  
            iconCls:'icon-edit',  
            handler:function(){  
            }  
         },{  
            text:'查询',  
            iconCls:'icon-search',  
            handler:function(){  
            }  
          }

        \]

　　其中可以将这些工具按钮添加分隔符，如下

效果如下：

也可以自己设计toolbar

效果如下：

（2）查询

在datagrid方法中，load方法可以进行查询，通常情况下，通过传递一些从参数进行查询，该方法被调用来从服务器加载新数据。

（3）清空

注：

在datetimebox 设置editable="false"，这样用户就不能填写时间，只能选择时间

center.html