绘制线连接两个Gridview行

时间:2017-05-09 22:19:56

标签: asp.net vb.net

我不知道这是否可能,但我想要做的是以某种方式在两行之间画线,表明这些行是链接在一起的。下面的图片可以看到另一行的单行链接,我在绘画中绘制了一条线来表示我想要以编程方式执行的操作。

有办法做到这一点吗?

如果没有,是否有任何关于如何显示两行是否具有视觉吸引力的建议?

此外,链接的行并不是彼此相邻,而是希望它们在将来链接时彼此相邻。

非常感谢您的帮助。

enter image description here

1 个答案:

答案 0 :(得分:0)

从来没有这样做,但我对此有一个想法,互联网上有很多东西,这里是我的搜索 Javascript :首先使用下面的函数获取两个坐标,它将是控件的左上角点,您可以将它们保存在隐藏标志或选择列表中以在c#中使用它们

 var X = obj.offsetLeft;
        var Y = obj.offsetTop;
        while(obj.offsetParent)
        {
            X=X+obj.offsetParent.offsetLeft;
            Y=Y+obj.offsetParent.offsetTop;
            if(obj==document.getElementsByTagName("body")[0])
            {
                break;
            }
            else
            {
                obj=obj.offsetParent;
            }
        }

c#:使用DrawLine方法

   Pen redPen = new Pen(Color.Red, 1);
   System.Windows.Forms.Graphics.DrawLine(redPen , X1, Y1, X2, Y2);

我希望这里清楚X1,Y1,X2,Y2的含义 它不是控制中心点之间的线,而是左上角之间的线。但是你可以通过在y点上添加一个值来将其调整到中心附近