js插件dropload上拉下滑加载数据实例解析

本文实例为大家分享了dropload插件上拉下滑加载数据的具体代码，供大家参考，具体内容如下

效果图：

1.导入js 

dropload.min.js 
zepto.min.js     

2.后台查询 

 @Action("IFindTicket")
 public String IFindTicket() {
 try {
 FuTransaction transaction = fuTransactionService.findByUserId(userId);
 Map map = new HashMap();
 map.put("transactionId", transaction == null ? 0L : transaction.getId());
 List accounts = fuStockAccountService.findAccountByMap(0, 5, map);
 this.getActionContext().put("accounts", accounts);
 } catch (Exception e) {
 e.printStackTrace();
 logger.equals(e);
 }
 return SUCCESS;
 }

 
 @Action("findTicketData")
 public String findTicketData() {
 try {
 FuTransaction transaction = fuTransactionService.findByUserId(userId);
 Map map = new HashMap();
 map.put("transactionId", transaction == null ? 0L : transaction.getId());
 List accounts = fuStockAccountService.findAccountByMap(0, Integer.MAX_VALUE, map);
 JSonObject json = new JSonObject();
 JSonArray array = new JSonArray();
 if (accounts.size() > 0) {
 for (FuStockAccount account : accounts) {
  JSonObject obj = new JSonObject();
  obj.put("id", account.getId());
  obj.put("openEquity", account.getOpenEquity());
  obj.put("capitalAccount", account.getCapitalAccount());
  obj.put("transactionStatus", account.getTransactionStatus());
  obj.put("status", account.getTransactionStatus() == 0 ? "正在操作" : "已退劵");
  obj.put("available", new DecimalFormat("#,###,##0.00").format(account.getAvailable() == null ? 0 : account.getAvailable()));
  obj.put("ableMoney", new DecimalFormat("#,###,##0.00").format(account.getAbleMoney() == null ? 0 : account.getAbleMoney()));
  obj.put("createTime", new SimpleDateFormat("yyyy.MM.dd").format(account.getCreateTime()));
  array.add(obj);
 }
 }
 json.put("array", array);
 write(json.toString());
 } catch (Exception e) {
 e.printStackTrace();
 logger.error(e);
 }
 return null;
 }

3.页面插件的使用

 









<%@ include file="../common/meta.jsp" %>
<%@ include file="/WEB-INF/include/tagtld.jsp"%>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/css.jsp"%>


 
 
 
   
   
   
   

   

   

    
    ${stock.openEquity }：${stock.capitalAccount}<%-- ***${fn:substring(stock.capitalAccount,3,5)} --%>
    
    正在操作
    
    
    已退券
    
    
    
    
    股票市值：元可用资金：元
    
    
    
    发布时间：
   
    
 
    
  
   
 
 
 

 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。