设计APP，因为屏幕非常小。在PC网页山能够放在一体的内容。在APP中就不能放在一起了。

      比如例如以下。项目出勤人员非常多，须要弹出一个panel。然后让用户选择，怎样设计呢？

项目出勤panel的内容：

     
  
      
       
       
       
                考勤日期：  
            
                申请天数：
                  0.5天    1天            
                项目出勤人员：          
                    
            
            
                申请说明：
            
        
    
        提交 
        取消
       
      
				            
     

项目出勤人员弹出panel的内容：

     
		
      
    
               姓名:
           
               组名称:
           
       搜索
      
                                        
      
      		                            
     

首先在index.html中定义好。两个panel。

然后在项目出勤panel的data-load方法中绑定调用项目出勤人员的panel，在用户点击项目出勤人员的文本框时弹出对应的人员选择框。

   核心代码：

function loadshenqingxiangmuchuqingDetail() {//省略其它代码          $("#shenqingxiangmuchuqingrenyuan").bind("click", function () { /* $.ui.showModal("#chuqingxiangmu");*/$.ui.loadContent("#xiangmuchuqinrenyuan", false, false, "up"); });               }

其次在项目出勤人员panel的data-load方法中动态载入数据。并在用户选择后。返回选择的数据并返回到项目出勤panel

核心代码：

function loadxiangmuchuqinrenyuanData() {	//Ajax载入数据	function CreateALink(item) {//把返回的数据生成链接        if (!item) { return ""; }        return " " + "姓名：" + item["U_NAME"] + "。组名称：" + item["G_NAME"] + "";    }	}	//点击连接后。给项目出勤panel的响应文本框赋值，并通过隐藏字段传递人员编号	function afterSelectlistxiangmuchuqinrenyuan(id, name) { //  alert(id + "," + name);    $("#shenqingxiangmuchuqingrenyuan").val(name);    $("#shenqingxiangmuchuqingrenyuanhidden").val(id+",");    $.ui.goBack();  //  $.ui.hideModal("");    }

实现效果

用户点击项目出勤人员文本框后：

用户选择一个人员后。能够看到文本内容已经赋值到了对应的文本框，须要保存的值也保存在隐藏字段中。