需求介绍：

点击第一个datagrid里面的节点名称，在页面上的第二个datagrid里面显示出它对应的相关信息。用jQuery MiniUI实现表单的联动效果：

关键代码：

（1）第一个datagrid实现：

      
                
       
                    
        
         节点名称
        
                    
        
         计划类型
        
                
       
            
      

（2）第二个datagrid实现：

 
      
            
       
                
        
         用户名称
        
                
        
         审批类型
        
                                
        
                             操作                
        
            
       
        
      

（3）实现联动效果

注意：在这里要做的是通过选中datagrid1中行，触发datagrid1的onselectionchanged事件。

 function onSelectionChanged(e) {        var grid = e.sender;        var record = grid.getSelected();        var nodeid = record.ID;        var approvalusername = "";        grid1.load({ processid: nodeid, ApprovalUserName: "" });    }

datagrid1的onselectionchanged事件触发了datagrid2的load事件。而datagrid2绑定了方法:QueryApprovalUserByApprovUserNameAndProcessID

从而实现了表单的联动效果。

（4）datagrid2数据加载

 #region"根据审批人姓名和过程ID查询审批信息        [HttpPost]        public JsonResult QueryApprovalUserByApprovUserNameAndProcessID(string ApprovalUserName, int processid)        {            try            {                //根据过程id查询查询审批人                var param = new ApprovalUser                {                    PageIndex = int.Parse(Request["pageIndex"].ToString()) + 1,                    PageSize = int.Parse(Request["pageSize"].ToString())                };                                var Info = devicePSPlanBLL.QueryApprovalUserByApprovUserNameAndProcessID(param, ApprovalUserName, processid);                return Json(Info, JsonRequestBehavior.AllowGet);            }            catch (Exception ex)            {                icohLog.Error("计划数据查看-报错：", ex);            }            return null;        }        #endregion

效果展示：

动态效果可参考：