Question

extjs Formpanel 面板拖动问题

如下图，面板每个内容可以跟其他内容切换位置 我现在不想他们切换 有什么属性设置吗？还是有什么别的方法？求大神指教代码内容 类似于

Answer 1

加上初始坐标，下面是例子，供参考：
// 定义一个表格面板
var grid = new Ext.grid.GridPanel({
title : '学员信息管理',// 标题
renderTo : 'myGrid',// 显示表格的地方
sm : sm,// 复选框
cm : cm,// 列模型
ds : ds,// 数据源
frame : true,// 显示天蓝色圆角框
autoHeight : true,// 自动设置高度，这个配置很重要
width : 700,
x : 1,// 设置初始位置横坐标
y : 1,// 设置初始位置纵坐标
enableDragDrop:true,
collapsible : true, // 面板可以折叠
//titleCollapse : true,// 单击表头任何地方都可以折叠
floating : true,// 设置浮动，能否拖动成功就靠它了
draggable : {
insertProxy : false,
onDrag : function(e) {
var pel = this.proxy.getEl();
this.x = pel.getLeft(true);
this.y = pel.getTop(true);

var s = this.panel.getEl().shadow;
if (s) {
s.realign(this.x, this.y, pel.getWidth(),
pel.getHeight());
}
},
endDrag : function(e) {
this.panel.setPosition(this.x, this.y);
}
},
// UI视图配置
viewConfig : {
forceFit : true
// 强制适应分布宽度
},
// 表格顶部动作或按钮工具栏
tbar : new Ext.Toolbar({
items : [{
id : 'btnAdd',
text : "添加",
handler : function() {
Ext.MessageBox.alert("添加",
"这里处理添加数据的逻辑！");
}
}, new Ext.Toolbar.SplitButton({}), {
id : 'btnEdit',
text : "编辑",
handler : function() {
Ext.MessageBox.alert("编辑",
"这里处理编辑数据的逻辑！");
}
}, '-', {
id : 'btnDel',
text : "删除",
handler : function() {
Ext.MessageBox.alert("删除",
"这里处理删除数据的逻辑！");
}
}]
}),

// 表格底部分页工具栏
bbar : new Ext.PagingToolbar({
pageSize : 10,
store : ds,
displayInfo : true,
displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
emptyMsg : "没有记录"
})

});

Answer 2

看你这个图片上的例子，应该是表格GridPanel的列可拖拽吧，这个在表格里就是个简单的配置，配置属性为enableColumnMove，默认值为true，改为false就可以了