本文共 8752 字，大约阅读时间需要 29 分钟。

1、行双击事件

首先设置选择方式为RowSelectionModel单行选中

 

 

1.1   注册行双击事件，响应代码写在前台js中

 

前台js代码：

 

 1.2 注册行双击事件，响应代码写在后台cs文件中

 <DirectEvents>

             <RowDblClick OnEvent="Row_DblClick" > </RowDblClick> < /DirectEvents>

后台代码：

protected void OnRow_DblClick(object sender, DirectEventArgs e)

{

this.Window1.Title = "未发日期明细表";

this.Window1.Show();

}

 1.3 定义带参数的行双击事件

       注册事件

        
            
                  
                    
                    
                    <%--   
      --%>               
              
                              
     
   

 

 

后台代码：

protected void Row_DblClick(object sender, DirectEventArgs e)  // {            string json = e.ExtraParams["Values"];            string Key;            Dictionary
   
    [] dic = JSON.Deserialize
    
     
      []>(json);            if (dic.Length > 0)   //选择当行时，获取选择行的数据            {                string ID1 = dic[0]["员工编号"].ToString();                string Name1 = dic[0]["姓名"].ToString();                string Out = dic[0]["出差总天数"].ToString();                string Out2 = dic[0]["出差地点总数"].ToString();            }            else  //选择多行时，获取选择行的数据            {                foreach (Dictionary
      
        row in dic)                {                    foreach (KeyValuePair
       
         keyValuePair in row)                    {                        Key = keyValuePair.Key;                        if (Key == "员工编号")                        {                            string ID = keyValuePair.Value;                            continue;                        }                        else if (Key == "姓名")                        {                            string Name = keyValuePair.Value;                            continue;                        }                    }                }            } }
       
      
     
    
   

 

 2、单元格命令事件，cell command（ImageCommand），自定义事件参数

在列中定义ImageCommand

 

2.1  定自定事件及事件参数，后台响应事件

 

 定义后台响应代码：

protected void OnCell_Click(object sender, DirectEventArgs e){            string m_No = e.ExtraParams["ID"].ToString();            string paraName = e.ExtraParams["Name"].ToString();            string paraColName = e.ExtraParams["colName"].ToString();                if(paraColName == "未发次数")            {                    this.Window1.Title = "[" + paraName + "] 未发日期明细表";                    InfoBindNoSendDay();                    this.Window1.Show();            }            else  if(paraColName == "迟发次数")            {                   this.Window2.Title = "[" + paraName + "] 迟发日期明细表";                   InfoBindDelaySendDay();                   this.Window2.Show();            }                       }

 

 

2.2  定义事件，前台js响应事件

 

js代码

 

 

 3、单元格选中事件 定义行选中模式为单元格选中模式，

定义选中事件

 

 

定义事件响应代码(可写在后台，也可以写在js中，注意要有runat="server")：

 

 

 4、前台js事件与后台事件的执行顺序

       在两种事件都定义的时候，默认情况下是先执行js事件，然后执行后台事件

例如：

 

默认先执行js代码

 

后执行cs代码：

 protected void btn_Click(object sender, DirectEventArgs e)

 {            ComboBox1.Text = string.Format("{0:yyyy年M月}", Convert.ToDateTime(ComboBox1.Text.ToString()).AddMonths(-1));  }

 

 如果要先执行后台代码后执行js代码，则定义事件时加一个参数delay="50"   ,设置滞后时间

 

转载地址：http://jsupi.baihongyu.com/