如何让client端的用户可以自己改变DataGrid中拦位的宽度

sfanpu 2004-11-23 04:03:20

如上.就像在windows中一樣.

...全文

212 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

sfanpu 2004-11-26

打赏
举报

謝謝浩南, 我已經實現了.感謝大家

WWWFIND 2004-11-25

打赏
举报

想要源码，给我拟的EMAIL。

WWWFIND 2004-11-25

打赏
举报

没问题的，在我的程序中就是这样用的。

jeremychin 2004-11-24

打赏
举报

孟子E章

goody9807 2004-11-24

打赏
举报

自己写javascript

轻舟已过万重山 2004-11-24

打赏
举报

http://blog.csdn.net/jordan119/archive/2004/06/07/16677.aspx

WWWFIND 2004-11-24

打赏
举报

利用的HTC
'event ItemCreated
Private Sub MyDataGrid_ItemCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles MyDataGrid.ItemCreated
If e.Item.ItemType = ListItemType.Header Then
Dim N As Integer
For N=0 TO MyDataGrid.Columns.Count -1
e.Item.Cells(N).Attributes("style") = "BEHAVIOR: url(../CSS/TableResize.htc)"
Next
End If
End Sub
'------------------------------------------

TableResize.htc


<PUBLIC:COMPONENT>
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH onevent="Fmove()" event="onmousemove"/>
<PUBLIC:ATTACH onevent="Fup()" event="onmouseup"/>
<PUBLIC:ATTACH onevent="Fdown()" event="onmousedown"/>
</PUBLIC:COMPONENT>
</PUBLIC:COMPONENT>
<script language="JScript">
var MyParent,isDown,oldX
function Fmove() {
try{
if(isDown!=true)
{
if (window.event.offsetX>=window.event.srcElement.offsetWidth -4)
{window.event.srcElement.style.cursor = "col-resize";}
else
{window.event.srcElement.style.cursor = "default";}
}
else
{window.event.cancelBubble=true;
if (this.offsetWidth+(window.event.x- oldX)>=20) //Min value 20px
{window.document.MyDv.style.left=window.document.body.scrollLeft +window.event.x};
}
}
catch(e){};
}

function Fdown() {
if (window.event.offsetX>=window.event.srcElement.offsetWidth -4)
{if (window.document.MyDv==undefined){ //创建DIV
window.document.MyDv=window.document.createElement("div");
window.document.forms[0].insertAdjacentElement("afterBegin",window.document.MyDv);
window.document.MyDv.style.cssText="BORDER-LEFT: black 1px dashed; WIDTH: 1px; CURSOR: col-resize;Z-INDEX: 200;FONT-SIZE: 10pt; WIDTH: 90px; CURSOR: col-resize; COLOR: #aaaa; POSITION: absolute; HEIGHT: 100%; TEXT-ALIGN: center;";
}
//set DIV opsition
isDown=true
FindParent(this);//find table
oldX=window.event.x+(this.offsetWidth -window.event.offsetX);
window.document.MyDv.style.display='';
window.document.MyDv.style.top=window.document.body.scrollTop+window.event.y - window.event.offsetY -2;
window.document.MyDv.style.left=window.document.body.scrollLeft +window.event.x;
window.document.MyDv.style.height=MyParent.offsetHeight;
window.event.srcElement.setCapture();
}
}

function Fup() {
if (isDown==true)
{
try{
isDown=false;
this.releaseCapture();
this.style.cursor="default";
window.document.MyDv.style.display='none';
//set td size
this.style.width =this.offsetWidth +(window.document.MyDv.offsetLeft-window.document.body.scrollLeft- oldX) ;
//set table size
MyParent.style.width =MyParent.offsetWidth +(window.document.MyDv.offsetLeft-window.document.body.scrollLeft- oldX) ;
}
catch(e){}
}
}

function FindParent(My)
{try
{My=My.parentElement;
if (My.tagName!="TABLE")
{FindParent(My.parentElement);
}
else
{MyParent= My;}
}
catch(e){}
}
</script>

Study_Now 2004-11-24