extjs两个grid之间传值 50
左边和右边的grid之间有两个按钮，向左向右按钮左边grid里选择一行数据点击向右按钮，就跑到右边的grid里右边grid里选择一行数据点击向左按钮，就跑到左边的grid...
左边和右边的grid之间有两个按钮，向左向右按钮
左边grid里选择一行数据点击向右按钮，就跑到右边的grid里
右边grid里选择一行数据点击向左按钮，就跑到左边的grid里
求实例代码，原理都懂，就是写不出来，谢谢大神 展开
左边grid里选择一行数据点击向右按钮，就跑到右边的grid里
右边grid里选择一行数据点击向左按钮，就跑到左边的grid里
求实例代码，原理都懂，就是写不出来，谢谢大神 展开
1个回答
展开全部
<!DOCTYPE html>
<html lang="en_US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var sampleData,
store1,
store2,
grid1,
grid2,
clms;
sampleData=[{
userId:1,
name:'Zeng'
},{
userId:2,
name:'Lee'
},{
userId:3,
name:'Chang'
}];
store1=Ext.create('Ext.data.Store',{
fields:['userId','name'],
data:sampleData
});
store2=Ext.create('Ext.data.Store',{
fields:['userId','name']
});
clms=[{
dataIndex:'userId',
text:'User ID'
},{
dataIndex:'name',
text:'Name'
}];
grid1=Ext.create('Ext.grid.Panel',{
store:store1,
columns:clms,
flex:1,
selType:'checkboxmodel'
});
grid2=Ext.create('Ext.grid.Panel',{
store:store2,
columns:clms,
flex:1,
selType:'checkboxmodel'
});
Ext.create('Ext.panel.Panel',{
layout:{
type:'hbox',
align:'stretch'
},
width:420,
height:300,
items:[grid1,{
xtype:'container',
flex:0.3,
items:[{
xtype:'button',
text:'>>',
itemId:'move_right',
handler:function(){
var records=grid1.getSelectionModel().getSelection();
store1.remove(records);
store2.add(records);
}
},{
xtype:'button',
text:'<<',
itemId:'move_left',
handler:function(){
var records=grid2.getSelectionModel().getSelection();
store2.remove(records);
store1.add(records);
}
}]
},grid2],
renderTo:Ext.getBody()
});
});
</script>
</head>
<body>
</body>
</html>
更多追问追答
追问
项目里不是用checkbox勾选的，是直接选中这一行，怎么改，谢谢
追答
much easier，把'selType'这个config项去除应该就可以，grid默认就是单行选择
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
