تشارك هذه المقالة الكود المحدد لمكون الإضافي في القائمة المنسدلة للانسحاب وتحميل البيانات للرجوع إليها. المحتوى المحدد كما يلي
صورة التكاثر:
1. استيراد JS
القطرات. min.js
zepto.min.js <!-اختر واحدة من jQuery1.7 أو فوق أو Zepto ، لا تقتبس منها في نفس الوقت->
2. استعلام الخلفية
/ ** * لقد بحثت عن * * * regurn */ @action ("ifIndTicket") السلسلة العامة IfIndTicket () {try {futransaction Transaction = futRansActuctervice.findbyuserId (userId) ؛ خريطة <string ، object> map = new hashmap <string ، Object> () ؛ map.put ("TransactionId" ، Transaction == NULL؟ 0L: Transaction.getID ()) ؛ قائمة <FustockAccount> Accounts = FustockAccountService.FindAccountBymap (0 ، 5 ، MAP) ؛ this.getActionContext (). put ("الحسابات" ، الحسابات) ؛ } catch (استثناء e) {E.PrintStackTrace () ؛ logger.equals (e) ؛ } نجاح العودة ؛ } / ** * البيانات التي أبحث عنها * * regurn * / @action ("findTicketData") السلسلة العامة findTicketData () {try {futransaction transaction = futransactordervice.findbyuserid (userId) ؛ خريطة <string ، object> map = new hashmap <string ، Object> () ؛ map.put ("TransactionId" ، Transaction == NULL؟ 0L: Transaction.getID ()) ؛ قائمة <FustockAccount> Accounts = FustockAccountService.FindAccountBymap (0 ، integer.max_value ، map) ؛ jsonobject json = new jsonobject () ؛ jsonarray array = new jsonarray () ؛ if (accounts.size ()> 0) {for (حساب fustockAccount: الحسابات) {jsonobject obj = new Jsonobject () ؛ obj.put ("id" ، account.getId ()) ؛ obj.put ("openequity" ، account.getOpenequity ()) ؛ obj.put ("CapitalAccount" ، account.getCapitalAct ()) ؛ obj.put ("TransactactionStatus" ، account.getTransactionStatus ()) ؛ obj.put ("الحالة" ، account.getTransactionStatus ()) ؛ obj.put ("الحالة" ، account.getTransactionStatus () == 0؟ "التشغيل": "Retreated") ؛ obj.put ("متاح" ، 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) ؛ اكتب (json.toString ()) ؛ } catch (استثناء e) {E.PrintStackTrace () ؛ logger.error (e) ؛ } إرجاع فارغ ؛ }3. استخدام المكونات الإضافية للصفحة
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "x-ua-ctible" content = "ie = edge"> <meta http-equiv = "content-type" content = "text/html ؛ content = "width = width device ؛ inial-scale = 1.0"> <meta name = "viewport" content = "width = width ، height = device-height ، inital-scale = 1.0 ، maximum-scale = 1.0 ، ster-scalable =" name = "Apple-Mobile-Web-App-app-Status-Bar-style" content = "black"> <meta name = "format-detection" content = "telephone = no" language = "java" import = "java.util.*" pageencoding = "utf-8" ٪> <٪@ include file = "../ common/css.jsp" ٪> </head> <body> <viv> <viv> <div> <!-list-> <div> <table cellpadding = "0 <tr> <td> <viv> <span> $ {stock.openequity}: $ {stock.capitalAct} <٪-*** $ {fn: substring (stock.capitalAct ، 3،5)}-٪> </span> <c: test = "$ {stock.transactactus == 0} test = "$ {stock.transactionStatus == 1}"> <a> رد </a> </c: if> </viv> <viv> <viv> <span> القيمة السوقية: <fmt: formatnumber value = "$ {فارغة. <fmt: formatnumber value = "$ {stock.ablemoney؟ 0: stock.ablemoney}" pattern = "#، ### ، ## 0.00"/> yuan </span> </viv> <div> <a href = "$ {ctx} /wxyqb/accountinfo.htm؟id = $ { src = "../ images_yqb/mejtou.png"/> </a> </viv> </viv> <div> تم نشره على: <fmt: formatdate value = "$ {stock.createTime}" pattern = "yyyy.mm.dd" // </div> </td> </viv> </viv> </viv> </viv> </viv> </viv> </viv> </viv> </viv> </viv> </viv> </viv> </body> <link href = "../ css/wxyqb.css src = "$ {ctx} /js/dropload.min.js" type = "text/javaScript"> </script> </html> <script> // drocload more $ (function () {var counter = 1 ؛ Scrollarea: Window ، Domup: {domclass: 'sropload up' ، domrefresh: '<viv> ↓ محتوى التحديث المنسدلة </div>' ، domupdate: '<viv> ↑ ed update content </div>' ، domload: '<viv> </span> محتوى التحميل ... domrefresh: '<viv> ↑ لتحميل المزيد </div>' ، domload: '<viv> <span> </span> تحميل ... </div>' ، domnodata: '<viv> لا مزيد من التعليقات </div>'} ، loadupfn: function (me) {$ .ajax ({type: 'post ، url: url: '$ {ctx} /wxyqb/findticketdata.htm' ، البيانات: {userid: $ {fuuser.id} ، نوع البيانات: 'json' <tr> <td class = 'smallsize firsttd'> ") ؛ arrtext.push (" <div class = 'upth'> <span class = 'bluecol siz'> "+data.array [i] arrtext.push ("<a class = 'czing'>"+data.array [i] .status+"</a> </viv>") ؛ arrtext.push ("<div class = 'downlis'> <div class = 'leftdown'> <span class = 'LeftDofir'> القيمة السوقية:"+data.array [i] href = '$ {ctx} /wxyqb/accountinfo.htm؟id = "+data.array [I] class = 'ticketdat'> تم النشر: إعادة تعيين ؛ '$ {ctx} /wxyqb/findticketdata.htm' ، البيانات: {userid: $ {fuuser.id} ، datatype: 'json' ، success: function ( IF (= 5) {$ ( class = 'smallsize firsttd'> ") ؛ arrtext.push (" <div class = 'upth'> <span class = 'bluecol siz'> "+data.array [i] .openequity+": class = 'czing'> "+data.array [i] .status+" </a> </viv> ") ؛} if (data.array [i] .transactionStatus == 1) {arrtext.push if (data.array [i] .transactionStatus == 1) {arrtext.push ("<a class = 'bacing'>"+data.array [i] .status+"</a> </viv>") ؛ "+data.array [i] .available+" yuan </span> </viv> ") ؛ arrtext.push (" <div class = 'rgtdown'> <a href = '$ {ctx} /wxyqb/accountinfo.htm؟id =+data.array [i] src = '../images_yqb/mejtou.png' ////// data.array.lender) {// lock.lock () ؛ الدالة (XHR ، اكتب) {ALERT ('Ajax error!') ؛ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.