wex5循环点击事件.zip

  • p4_361115
    了解作者
  • 3.7KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-28 17:41
    上传日期
wex5通过js动态加载dom节点并给节点添加不同的点击事件,循环加载点击事件,通过点击事件出发不同的功能
循环事件.zip
  • 循环事件
  • jszkwdcx.js
    4.4KB
  • jszkwdcx.css
    1.7KB
  • jszkwdcx.w
    2.8KB
内容介绍
define(function(require){ var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); var Model = function(){ this.callParent(); }; var sn=""; //即制卡网点列表(全) var banksales = []; //选择的银行 var bankname = ""; //选择的区划 var xzqh = ""; var banklist=[]; var xzqhlist = []; //数据筛选后,需展示的即制卡网点列表 var showbanksaleslist = [{ "aab004": "xx支行", "aab007": "1111111", "aab529": "xxxxxxx" }, { "aab004": "yy支行", "aab007": "2222", "aab529": "xxxxxxxx" }]; Model.prototype.modelParamsReceive = function(event){ banklist = [ "工商银行", "农业银行", "中国银行", "建设银行", "徽商银行", "省联社", "" ]; //区划列表 xzqhlist = [ "市本级", "1县", "2县", "3县", "" ]; this.PxToRem(); }; /* * 适应屏幕,设定rem标准 * 同时设置cover蒙层的高度和宽度 * 设置展示网点列表的最大高度 */ Model.prototype.PxToRem=function() { var WinInnerH = window.innerHeight; var WinInnerW = window.innerWidth; $(".cover").css({ "height": WinInnerH, "width": "100%" }) if (WinInnerW < WinInnerH) { var px2rem = WinInnerW / 320 * 16 $("html").css({ "font-size": px2rem + "px" }) } var divheight = $("#main").outerHeight() var tempH = WinInnerH - divheight - 100 $(".banksaleslist").css({ "max-height": tempH + "px" }) } /* * 弹出银行选择框 * */ Model.prototype.ShowBankList=function(event) { $(".selectlist").empty(); this.rollselectbank(banklist); this.showcover(); } /* * 弹出区划选择框 * */ Model.prototype.ShowXzqh=function(event) { $(".selectlist").empty(); this.rollselectqh(xzqhlist); this.showcover(); } /* * 显示和关闭蒙层及选择框 * */ Model.prototype.showcover=function() { $(".cover").css({ "visibility": "visible" }) $(".selectlist").css({ "visibility": "visible" }) } Model.prototype.closecover=function() { $(".cover").css({ "visibility": "hidden" }) $(".selectlist").css({ "visibility": "hidden" }) } /* * 重写滚动选择框--银行 * */ Model.prototype.rollselectbank=function (list) { var newContent = this.getElementByXid("quhua"); for (var i = 0; i < list.length; i++) { //$(".selectlist").append("<div class='showlist' onClick='selectbank(" + i + ");'>" + list[i] + "</div>") var div=$("<div class='showlist' data-bind='click:selectbank(" + i + ")'>" + list[i] + "</div>"); justep.Bind.addNodes(newContent, div); } } /* * 重写滚动选择框--区划 * */ Model.prototype.rollselectqh=function (list) { //var newContent = this.comp('quhua'); var newContent = this.getElementByXid("quhua"); for (var i = 0; i < list.length; i++) { // $(".selectlist").append("<div class='showlist' bind-click='selectxzqh(" + i + ")'>" + list[i] + "</div>") var div=$("<div class='showlist' data-bind='click:selectxzqh(" + i + ")'>" + list[i] + "</div>"); justep.Bind.addNodes(newContent, div); // onClick='selectxzqh(" + i + ")' } } /* * 选择银行 * */ Model.prototype.selectbank=function(e) { bankname = banklist[e]; $(".bankselect").empty(); $(".bankselect").append(bankname); this.closecover(); } /* * 选择区划 * */ Model.prototype.selectxzqh=function (e) { xzqh = xzqhlist[e]; $(".xzqhselect").empty(); $(".xzqhselect").append(xzqh); this.closecover(); } /* * 处理筛选出需要展示的网点数据 * */ Model.prototype.serchbanksales=function (event) { var templist; //定义临时列表 //选择了银行,处理banksales剔除其他银行网点 if (bankname != "") { alert(bankname); //templist=..... } //选择了区划,处理banksales剔除其他区划网点 if (xzqh != "") { alert(xzqh); //templist=..... } var e=''; $(".banksaleslist").empty(); //清空列表展示区 e = showbanksaleslist for (var i = 0; i < e.length; i++) { $(".banksaleslist").append("<div class='sales'><span class='salesinfo' id='salesname'>" + e[i].aab004 + "</span></br><span class='salesinfo'>地址:" + e[i].aab529 + "</span></br><span class='salesinfo'>电话:" + e[i].aab007 + "</span></br></div>") } } return Model; });
评论
    相关推荐