<html>     
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />  
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> 
<script type="text/javascript" src="extjs/ext-all.js"></script> 
</head>  
<body>
<script>
Ext.onReady(function(){ 
   Ext.lib.Ajax.defaultPostHeader += '; charset=UTF-8'; 
var sm = new Ext.grid.CheckboxSelectionModel(); 
var cm = new Ext.grid.ColumnModel([sm, new Ext.grid.RowNumberer(), 
  {header:'编号',dataIndex:'id',sortable:true, 
   editor:new Ext.grid.GridEditor(new Ext.form.TextField( 
   { 
    allowBlank:false 
   }))}, 
  {header:'城镇',dataIndex:'price',sortable:true,width:300, 
  editor:new Ext.grid.GridEditor(new Ext.form.TextField( 
   { 
    allowBlank:false 
   }))}, 
  {header:'邮编',dataIndex:'sex',sortable:true,renderer:renderSex} 
]); function renderSex(value) 

  if(value=='woman') 
  { 
   return "<span style='color:red'>"+value+"</span>"; 
  } 
  else 
  { 
   return "<img src='js/drop-yes.gif'/> <span style='color:greed'>"+value+"</span>"; 
  } 
} var store= new Ext.data.Store({ 
  proxy:new Ext.data.HttpProxy({url:'ExtjsServlet'}), 
  reader:new Ext.data.JsonReader({ 
    totalProperty:'totalProperty', 
    root:'root' 
   },[ 
    {name:'id'}, 
    {name:'price'}, 
    {name:'sex'} 
   ]) 
  }); 
   
var grid =  new Ext.grid.GridPanel({ 
  renderTo:"right", 
  store:store, 
  cm:cm, 
//  sm:new Ext.grid.RowSelectionModel({singleSelect:true}), 
  loadMask:true, 
  width:752, 
  height:470, 
// bbar:new Ext.PagingToolbar({下面工具条 
  bbar:new Ext.PagingToolbar({ 
   pageSize:10, 
   store:store, 
   displayInfo:true, 
   displayMsg:'显示第{0}数据到{1},一共有{2}条', 
   emptyMsg:'没有记录' 
   
  }), 
tbar:[{ 
         text: '删除', 
            iconCls:'user', 
            handler : function(){ 
          //var record = grid.getSelectionModel().getSelected();// 返回值为 Record 类型 
            var rows = grid.getSelectionModel().getSelections();// 返回值为 Record 数组 
            for( var i=0;i<rows.length;i++){ 
             
      store.remove(rows); 
       
       } 
      grid.view.refresh(); 
//      this.getEl().dom.action='./formservlet?operator=save'; 
   this.getEl().dom.submit(); 
            }},{ 
       text: '添加'}, 
         
     { 
       text: '修改' 
       
     }, 
     { 
       text: '查询' 
    }] }); 
store.load({params:{start:0,limit:10}}) Ext.get('remove').on("click",function(){ 
  var rows = grid.getSelectionModel().getSelections();// 返回值为 Record 数组 
  for( var i=0;i<rows.length;i++){ 
   store.remove(rows); 
  } 
   grid.view.refresh(); 
},this); 
 //grid.render("grid"); 
}); </script>
<div id="right"></div>
</body>
</html>