__doPostBack的一些应用

这段时间做了一个小项目，里面用到了很多HTML的控件,如：<button>，为了解决后台取值的问题研究了一下__doPostBack

总结一下心得：

一、 在后台判断哪个按钮点击了。

前台代码：

<button type="button" id="Button1" onclick="__doPostBack('btnReturn','1')">查询</button>

 注意onclick="__doPostBack('btnReturn','1')"

1、第一个参数表示按钮ID，第二参数随便写的，为的就是在后台确定按钮是否被点击了。

后台代码：

string controlName = Request.Params.Get( "__EVENTTARGET" );
string eventArgument = Request.Params.Get( "__EVENTARGUMENT" );

// 确定按钮事件
if( controlName == "btnConfirm" && eventArgument == "2" )
{
　　btnConfirm_Click( sender, e );
}

// 查询按钮事件
if( controlName == "btnReturn" && eventArgument == "1" )
{
　　btnReturn_Click( sender, e );
}

 

 2、从后台代码中可以看出__doPostBack的两个参数干什么用的。

详细说一下第二个参数，在这里第二参数的内容没有实际意义，就是为了在后台判断用的。看代码的判断条件用的是 &&，也就是同时满足这两个条件才执行里面的内容。

为什么要这样写？因为如果不指定eventArgument的内容，页面会保存controlName的值，比如在刷新页面的时候，刷新页面的时候controlName的值就是上一次触发 __doPostBack 的控件的ID。所以在这里写了这样的判断，必须两个条件同时满足，才可以视为“某某按钮”被点击了。

二、应用二，利用eventArgument 向后台传递参数。

前台JS代码：

__doPostBack('btnDelete',delStr);

 delStr就是向后台传递的一个字符串。

 后台代码：

string eventArgument = Request.Params.Get( "__EVENTARGUMENT" );
string[] delStr = eventArgument.Split( ',' );

 

三、DataGrid 行选中改变颜色

有些时候想让DataGrid 支持行选中事件，并且改变选中行的颜色。方法如下：

js代码1：

function selectRow( name )
{
    // Get row that was clicked
    var oRow = window.event.srcElement.parentElement;

    // Get rows in table
    var oRows = oRow.parentElement.parentElement.rows;
    if ( oRows )
    {
        var nRows = oRows.length;
        $('#maxRow').val( nRows+1 );

        // Find the clicked row
        for ( var i=1; i<nRows+1; i++ )
        {
            if ( oRows[i-1] == oRow )
            {   
                // Found - post an event to the server            
                $('#currentSelectRow').val( i+1 );     
                $('#gridFocusSet').val(1);
                
                var num = 0;
                if( ( i + 1 ) < 10 )
                {
                    num = '0' + ( i + 1 );
                }
                else
                {
                    num = ( i + 1 );
                }
                
                var ctlParam = name + '$ctl' + ( num ) + '$ctl00';
                __doPostBack( ctlParam, '' );  
                return;
            }
        }
    }
    return;
} 

// grid onclick 事件

 

function drgControl_onclick()
{
    $('#currentScrollBarTop').val( $('#divGrid').scrollTop() );    
    selectRow( "drgControl" );
}

//重写__doPostBack
function __doPostBack(eventTarget, eventArgument) 
{
    var theform = document.form1;

    if( theform.__EVENTTARGET != null )
    {
        theform.__EVENTTARGET.value = eventTarget;
    }

    if( theform.__EVENTARGUMENT != null )
    {
        theform.__EVENTARGUMENT.value = eventArgument;
    }
    theform.submit();
}

 

 name:就是grid控件的ID。

html 代码：

 

<script type="text/javascript" event="onclick" for="drgControl">drgControl_onclick()</script>

 

为grid添加一个选择按钮，让其可见为false：

 

<asp:ButtonColumn Visible="false" Text="选择" ButtonType="PushButton" CommandName="Select">
</asp:ButtonColumn>

 以上代码可以实现grid行选择事件。

 

原理：

把 asp:ButtonColumn Visible="false"  改为 “true”，然后把grid的页面运行起来，再查看页面源文件，会看到如下内容：

 

<input type="submit" name="drgControl$ctl02$ctl00" value="选择" />

<input type="submit" name="drgControl$ctl03$ctl00" value="选择" />

。。。。

 

。。。。

 

控件被解析了。

 

 

原理就是通过找控件名然后模拟 __doPostBack提交页面。

注意：name="drgControl$ctl02$ctl00" 是vs2005中的表现形式，2003中是name="drgControl:_ctl02:_ctl00"

将 “$”替换为 “:_”。