<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
-->
// 定义拖动时样式
function change(val){
if(val > 0){
return '<span style="color:green;">' + val + '</span>';
}else if(val < 0){
return '<span style="color:red;">' + val + '</span>';
}
return val;
}
// 定义拖动时样式
function pctChange(val){
if(val > 0){
return '<span style="color:green;">' + val + '%</span>';
}else if(val < 0){
return '<span style="color:red;">' + val + '%</span>';
}
return val;
}
var sm2 = new Ext.grid.RowSelectionModel({singleSelect: true});
var cm = new Ext.grid.ColumnModel([sm2,
{ id:'id',
width: "10%",
dataIndex:"id"
},
{
id:'name',
width: 220,
dataIndex:"name",
header:"分类名"
},
{
id:'state',
dataIndex:"state",
header:"是否启用"
},{
id:'type',
dataIndex:"type",
header:"分类类型"
}
]);
// gridpanel var grid = new Ext.grid.GridPanel({
iconCls:'icon-grid',
frame:true,
renderTo:Ext.get("divgrid"),
cm:cm,
sm: sm2,
enableDragDrop: true,
dropConfig: {
appendOnly:true
},
ddGroup: "GridDD",
store:store,
buttons: [{text:'Save'},{text:'Cancel'}],
buttonAlign:'center'
});
//拖动排序必须的代码
var ddrow = new Ext.dd.DropTarget(grid.getEl(), {
ddGroup: "GridDD", // Data come from
// copy:true,
notifyDrop : function(dd, e, data){
var rows=grid.getSelectionModel().getSelections();
var count = rows.length;
var cindex=dd.getDragData(e).rowIndex;
var array=[];
for(var i=0;i<count;i++){
var index = cindex+i;
array.push(index);
}
store.remove(store.getById( data.selections[0].id));
store.insert(cindex,data.selections);
grid.getView().refresh();
grid.getSelectionModel().selectRows(array);
}
});
// 传到后台排序的数据
function getSortIndexDate(store) {
var resultNode =[];
var length = store.getCount();
for (var i = 0; i < length; i++) {
resultNode[i] = {
id: store.getAt(i).id,
sortIndex:store.getAt(i).data.index
};
}
var encNodes = Ext.encode(resultNode);
return encNodes;
}
hello
分享到:
相关推荐
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
主要介绍了Extjs4实现两个GridPanel之间数据拖拽功能具体方法,有需要的朋友可以参考一下
扩展的GridPanel,让其分页后保持选择状态
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
EXT实例GridPanel. 实现简单的。
gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊
Extnet GridPanel 增行 删行 弹出窗体 页面传值
改变gridpanel的行颜色,以及gridpanel 的表格变色
ExtJS的GridPanel导出excel文件,方便快捷易懂!
Ext.grid.GridPanel 删除线 放到example文件夹下运行
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
tapestry4.02中封装ext的GridPanel组件
Ext.grid.GridPanel有一个重大缺陷,就是单元格的内容不能选中,没法选中就没法复制,给用户带来很多不便,下面是从网上搜到的解决方案。
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。