linkButton弹出层

Question

点击gridview中的linkbutton弹出层 在层里面新增数据怎么做 弹出的层要在点击那个linkbutton附近或下面 类似下面的这个

Answer 1

OnClientClick="show('div1')" 
      function show(obj)         
        {
            var range = getRange();
            $('div2').style.width = range.width + "px";
            $('div2').style.height = range.height + "px";
            $('div2').style.display = "block";
            document.getElementById(obj).style.display="";
       
        }
       function getRange()            
        {
              var top= document.body.scrollTop;
              var left= document.body.scrollLeft;
              var heigh = document.body.clientHeight;
              var width = document.body.clientWidth;
              if (top==0 && left==0 && height==0 && width==0) 
              {
                top = document.documentElement.scrollTop;
                left= document.documentElement.scrollLeft;
                height= document.documentElement.clientHeight;
                width = document.documentElement.clientWidth;
              }
              return  {top:top  ,left:left ,height:height ,width:width } ;
        } 

Answer 2

OnClientClick="show('div1')" 
function show(obj) 
{
var range = getRange();
$('div2').style.width = range.width + "px";
$('div2').style.height = range.height + "px";
$('div2').style……这个是jQuery,不知道楼主有没有学过。！

Answer 3

添加模板列,加LinkButton,click事件:
    protected void LinkButton1_Click(object sender, EventArgs e)
    {
        LinkButton L = (LinkButton)sender;
        Page.ClientScript.RegisterStartupScript(Page.GetType(), "", "test('"+L.ClientID+"')", true);
    }
js:
    <script type="text/javascript">
        function test(lid) {
            var linkB = document.getElementById(lid);
            var pos = GetObjPos(linkB);
            document.getElementById('div1').style.left = pos.x;
            document.getElementById('div1').style.top = pos.y+20;
            document.getElementById('div1').style.display = 'block'
        }
        
        //定位控件位置
        function GetObjPos(ATarget) {            var target = ATarget;
            var pos = new CPos(target.offsetLeft, target.offsetTop);            var target = target.offsetParent;
            while (target) {
                pos.x += target.offsetLeft;
                pos.y += target.offsetTop;                target = target.offsetParent
            }
            return pos;
        }
        function CPos(x, y) {
            this.x = x;
            this.y = y;
        }        
    </script>
div:
    <div id="div1" runat="server" style="height:200px; width:200px; background-color:#cccccc; position:absolute; display:none;"></div>

Answer 4

用DIV来控制，在未点击之前display:none,点击之后display:block