在原理主要是js代码

将如下代码放在.aspx中

<script language='javascript>

 //判断鼠标是否按下
 var mouseDown = false;
 //鼠标所在区域
 var IsTdArea=0;

 //鼠标按下
 function MouseDown(obj)
 {
  if(IsTdArea != 0)
  {
   obj.mouseDownY = event.clientY;
   obj.mouseDownX=event.clientX;
   obj.parentTdH = obj.offsetHeight;
   obj.pareneTdW=obj.offsetWidth;
   //获得table的高度
   obj.pareneTableH=obj.parentElement.parentElement.parentElement.offsetHeight;
   //获得table的宽度
   obj.pareneTableW=obj.parentElement.parentElement.parentElement.offsetWidth;
   obj.setCapture();
   mouseDown = true;
  }
  else
  {
   mouseDown = false;
  }
 }
 
 function MouseMove(obj)
 {
  if(mouseDown == true)
  {
   if(IsTdArea == 1 || IsTdArea == 2)
   {
    if(!obj.mouseDownX) return false;
    var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
    if(newWidth>0)
    {
     obj.style.width = newWidth;
     obj.parentElement.parentElement.parentElement.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
    }
   }

[1] [2] [3] [4] 下一页

在google里搜索更多Web中DataGrid绑定数据显示列可拖动

	Web www.51ec.org