Jquery easyui从零单排之datagrid添加行单击事件

给datagrid添加行单击事件

一、前台代码：

    
    
    
    
    
    
    


    

    remoteSort:false,
                rownumbers:true,
				singleSelect:true,
				autoRowHeight:true,
				pagination:true,
                showFooter: true,
                fitColumns: true,
				pageSize:20">
        
            
                
                
            
        
        
            
                
                
                
                
            
        
    
				

                

                    LoginID
                

                    UserName
                

                    Sex
                

                    Department
                

                    Age
                


    
    

    
    
    

单击事件的代码

onClickRow: function (rowIndex)
                {
                    var row = $('#dg').datagrid('getSelected');
                    if (row) {
                        alert('UserName:' + row.UserName + "\n LoginID:" + row.LoginID);
                    }
                }

我这里只是通过单击事件把UserName和LoginID显示出来，当然你也可以把它们传向处理程序中进行其他操作。

一般处理程序的代码在这里就不复述了，前面几篇里面都有。

二、运行结果：