<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>
<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>
tbar:[{ id:'remove',text: '删除',...