ExtJs 显示布局

Ext.onReady(function() {
   var sm = new Ext.grid.CheckboxSelectionModel({
      singleSelect : true
     });
   var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,
     {
      header : '用户名',
      dataIndex : 'username'
     }, {
      header : '密码',
      dataIndex : 'password'
     }]);
   var ds = new Ext.data.Store({
      proxy : new Ext.data.HttpProxy({
         url : 'admin/listAdmin.action'
        }),
      reader : new Ext.data.JsonReader({
         root : 'root'
        }, [{
           name : 'username'
          }, {
           name : 'password'
          },{
           name : 'id'
          }])
     });

   var grid = new Ext.grid.GridPanel({
      ds : ds,
      cm : cm,
      sm : sm,
      width : 800,
      height : 400,
      autoSizeColumns : true,
      loadMask : true,
      trackMouseOver : true
     });

   var toolbar = new Ext.Toolbar([{
      text : '增加',
      handler : function(){
       insert(ds);
      }
     }, "-", {
      text : '删除',
      handler : function(){
       Del_jbs(ds,grid);
      }
     }, "-", {
      text : '修改',
      handler : function(){
       var record = grid.getSelectionModel().getSelected();
       if (!record) {
        Ext.Msg.alert("提示", "请选择要操作的一项记录！");
       } else {
        var idValue = record.get("id");
        update(ds,idValue);
       }
      }
     },"-",{
      text:'查询',
      handler : function(){
       ds.reload();
      }
     }]);

   var panel = new Ext.Panel({
      renderTo : 'mainPanel',
      width : 800,
      items : [toolbar, grid]
     });
   ds.load();
  
  //双击事件 
  grid.on("rowdblclick",function(grid,rowindex){
   var record = grid.getSelectionModel().getSelected();
    var idValue = record.get("id");
    update(ds,idValue,rowindex); //调用编辑页面
  }) 
   
   
  var Del_jbs = function(ds,grid) {
        var record = grid.getSelectionModel().getSelected();
        if (!record) {
            Ext.Msg.alert("删除操作", "请选择要删除的一项！");
        } else {
          Ext.Msg.confirm("确认提示框","您确认删除"+record.get("username")+"的用户吗?",function (id){
          if (id=="yes"){
          Ext.Ajax.request({
           url : "deleteAdmin.action?admin.id="+ record.get("id"),
             method:"POST",
             waitMsg : "正在执行对为 "+record.get("username")+" 的删除操作",
             success: function(form,action) {
              //var flag = Ext.util.JSON.decode(result.responseText).success;
     //if (flag == "true"){
               ds.reload();
                     Ext.Msg.alert("恭喜", "数据删除成功！");
     //}else{
     // Ext.Msg.alert("抱歉", "数据删除失败！");
     //}
                },
                 failure: function(result) {
                 Ext.Msg.alert("抱歉", "数据删除操作失败！");
                }
                });
          }else if (id=="no"){}
          });
        }
 };   
  })