popup window

html代码：
<a href="#" onclick='getAppTracks("${ctx }/back/application/appViewTrack?appId=<c:out value="${appApplication.id}"/>","${appApplication.name}")' class="bglink" ><span >History</span></a>

 

放置的地方：

 

<div id="track_data_div" style="display:none">

 

</div>

 

java 代码：

 

@RequestMapping(value = "/appViewTrack")

public @ResponseBody Map<String, Object> appViewTrack(HttpServletRequest request) {

   

   Map<String, Object> respMsg = new HashMap<String, Object>();

   String appId = request.getParameter("appId");

   

   if(StringUtils.isNotBlank(appId)) {

     AppApplication app = appService.get(AppApplication.class, Long.valueOf(appId));  

     List<AppTrack> tracks = appBuildService.getAppTracks(app.getId());

     String [][] rt = new String[tracks.size()][4];

     Iterator<AppTrack> it = tracks.iterator();

     int i = 0;

     while (it.hasNext()) {

         AppTrack track = (AppTrack)it.next();

         String[] tp = new String[4];

         tp[0] = track.getUserName();

         tp[1] = track.getActionDes();

         tp[2] = TimeUtil.ToDateTimeString(track.getActionTime());

         tp[3] = track.getFeedBackMsg();

         rt[i++] = tp;

     }

     

     respMsg.put("code", "0");

     respMsg.put("data", rt);

   }

   

   respMsg.put("code", "-1");

   return respMsg ;

}

 

js代码：

需要用到的js插件：

<script type="text/javascript" src="${ctx}/js/simpleModal/jquery.simplemodal-1.4.1.js"></script>

 

 

/*

Get the app track data by ajax query

Url : actionUrl

 */

 

function getAppTracks(actionURL, appName) {

$.ajax({

url : actionURL,

context: document.body,

dataType:"json",

success: function(data){

showAppModal(data, appName);

}

});

}

 

 

 

 

/*

  Display app trackData on popup window

  Implement by Juqery modal

 */

  function showAppModal(trackData, appName)

  {

  var htmlStr = "";

htmlStr += ' <h3> Application Name: ';

htmlStr += appName;

htmlStr +='</h3><hr>';

 

htmlStr += '<table class="sumary"><thead><tr><th>User</th><th>Status</th><th>Time</th><th>Feed Back</th></tr></thead><tbody>';

for(i = 0; i < trackData.data.length; i++)

    {

htmlStr += '<tr><td>';

htmlStr += trackData.data[i][0];

htmlStr +='</td><td>';

htmlStr += trackData.data[i][1];

htmlStr += '</td><td>';

htmlStr += trackData.data[i][2];

htmlStr += '</td><td>';

if(trackData.data[i][3] == null) {

htmlStr += "";

} else {

htmlStr += trackData.data[i][3];

}

htmlStr += '</td></tr>';

}

htmlStr += '</tbody></table>';

//alert('222==>' + htmlStr);

$('#track_data_div').html(htmlStr);

$(document).ready(function(){

 $("#track_data_div").modal();

});

 

  }