2021-11-19 工作记录--apiCloud-YDUI下拉框

一、apiCloud-下拉框

1、结果

本项目新增了一个实现效果是：当选择了退款原因下拉框里的“其它”这个选项时，就需手动填写退款原因（在退款原因下拉框下面出现一个textarea文本框）

2、前提

因为采用的是YDUI的样式，所以第一步先引入YDUI相关的css和js

<link rel="stylesheet" type="text/css" href="../../../css/ydui/ydui.css" /><script type="text/javascript" src="../../../script/ydui/ydui.flexible.js"></script>
<script type="text/javascript" src="../../../script/ydui/ydui.js"></script>

3、代码

HTML：

     <p>退款原因</p><!-- 下拉选择框 --><div class="m-cell"><div class="cell-item" tapmode="" onclick="chooseRefundType(this)"><div class="cell-left">退款原因</div><div class="cell-right cell-arrow" id="selectRefundType">请选择</div></div></div><!-- 填写退款原因 当上面的下拉选择框选择‘其它’时，在这里面append一个textarea文本框--><div class="refund_option"></div>

JS：

对应代码：

    var refundReason; // 退款原因-下拉框里的选择内容var chooseFlag = false;// 退款原因选择的是否是‘其他’  true 是  false 不是apiready = function() {// 初始化下拉选择器模块UIMultiSelector = api.require('UIMultiSelector');}

上面蓝色框框里的内容是动态获取到 退款原因refundReason（由后台传入），这是下拉框里的展示内容

对应代码：

             if(res.data.refundtype.length>0) {var temp = [];for(var i = 0; i < res.data.refundtype.length; i++) {if(i == 0) { // 让第一个默认被选中var obj = {id    : res.data.refundtype[i].id,text  : res.data.refundtype[i].name,type  : res.data.refundtype[i].type,status: 'selected', //字符串类型；选项状态，默认：normal}} else {var obj = {id    : res.data.refundtype[i].id,text  : res.data.refundtype[i].name,type  : res.data.refundtype[i].type,status: 'normal',}}temp.push(obj);}refundReason = temp;} else {refundReason = [];}

其余部分的JS：

 // 选择退款原因function chooseRefundType() {// 下拉框UIMultiSelector.open({rect: {h: 200},text: {title: '请选择退款原因',leftBtn: '取消',rightBtn: '确定',},max: 1,singleSelection: true,maskClose: true,styles: {mask: 'rgba(0,0,0,0.76)',title: {bg: '#ddd',color: 'rgb(0,0,0)',size: 16,h: 50},leftButton: {w: 80,h: 40,marginT: 5,marginL: 8,color: 'rgb(0,0,0)',bg: '#ddd',size: 16,},rightButton: {w: 80,h: 40,marginT: 5,marginR: 8,color: '#c80000',bg: '#ddd',size: 16,},item: {h: 50,bg: '#fff',bgActive: '#ffffff',color: '#666',active: '#c80000',size: 16,activeSize: 18,disableSize: 16,lineColor: 'rgb(200,200,200)',textAlign: 'center',},},animation: true,items: refundReason, // 下拉框里的展示内容-由上面动态获取到}, function(ret, err) {if (ret.eventType == 'clickLeft') { // 点击取消UIMultiSelector.hide();}if (ret.eventType == 'clickRight') { // 点击确定UIMultiSelector.hide();console.log(JSON.stringify(ret.items));if (ret.items[0]) {$("#selectRefundType").text(ret.items[0].text).attr('data-refundType',ret.items[0].id).attr('data-type',ret.items[0].type);if(ret.items[0].type == 1) { // 当退款理由选择的是‘其他’时$('.refund_option').empty(); // 避免出现：选择一次‘其他’，就出现一个 填写退款原因的textarea文本框var refund_html = '<textarea class="cell-textarea" placeholder="请填写退款原因" name="content"></textarea>';$('.refund_option').append(refund_html);chooseFlag = true;}else{$('.refund_option').empty();chooseFlag =false;}}UIMultiSelector.close();}});}

apiCloud-YDUI下拉框实现代码到此结束~

二、补充知识

下面是点击提交时，获取退款原因里对应参数的方法：

下面这些代码是封装的一个带确认按钮的函数 -dialogBox函数 【点击确认按钮后，弹出一个带确认、取消按钮的弹窗】，与apiCloud-下拉框无关

// 封装函数-确认-弹出框function dialogBox() {// 确认-弹出框【dialogBox是apiCloud的带有确定按钮的弹出框模块】var dialogBox = api.require('dialogBox');dialogBox.alert({texts: {title: '确认',content: '当前正在进行确认操作,是否继续?',leftBtnTitle: '取消',rightBtnTitle: '确认'},tapClose: true,styles: {bg: '#fff',w: 300,corner: 8,title: {marginT: 20,iconSize: 40,titleSize: 16,titleColor: '#000'},content: {color: '#000',size: 14},left: {marginB: 20,marginL: 30,w: 100,h: 35,corner: 18,bg: '#cfd1d4',size: 15,color: '#ffffff'},right: {marginB: 20,marginL: 37,w: 100,h: 35,corner: 18,bg: '#c80000',size: 15,color: '#ffffff'}}}, function(ret) {if (ret.eventType == 'left') { // 点击取消var dialogBox = api.require('dialogBox');dialogBox.close({dialogName: 'alert'});} else { // 点击确认var dialogBox = api.require('dialogBox');dialogBox.close({dialogName: 'alert'});// 向后台传递参数var isSignIn = true;var params = {values: {appFun    : "getRefundApply",id        : id,deposit   : deposit,bank      : bank,name      : name,phone     : phone,content   : content?content:'',amount    : amount,money     : money,hour      : hour,filing    : filing,refundtype: refundType,}}doRequest(isSignIn, params, function(res, err) {if (res) {if (res.sta == 2000) {YDUI.dialog.alert(res.msg, function() {openWin('refund_status', './refund_status', '', {id: id,rid: res.data.rid,}, true);api.sendEvent({name: 'updateIndex0',});});} else {showMsg('success', res.msg, null);}} else {showMsg('fail', "请求失败,请稍后再试", null);}})}});}

三、全代码

refund_application.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><link rel="stylesheet" type="text/css" href="../../../css/api.css" /><link rel="stylesheet" type="text/css" href="../../../css/ydui/ydui.css" /><title>退款申请</title><style>#header {position: relative;width: 100%;height: 2.7rem;background-image: url('../../../image/teacher/bg_application.png');background-repeat: no-repeat;background-size: 100% 100%;}.navbar-item .back-ico:before,.navbar-item .next-ico:before,.navbar-title {color: #fff!important;}.navbar-item,.navbar-center {margin-top: 0.5rem;}.common_style {width: 100%;padding: 0 0.3rem;background-color: #fff;}.introduction {position: absolute;top: 1.65rem;left: 50%;width: 93%;transform: translateX(-50%);box-shadow: 0px 0.1rem 12px rgba(200, 0, 0, 0.3);border-radius: 0.12rem;background-color: #fff;padding: 0.25rem;}.intro_top {display: flex;}.intro_top_l {width: 1.2rem;height: 1.2rem;border-radius: 50%;box-shadow: 0.05rem 0.05rem 10px rgba(200, 0, 0, 0.3);margin-right: 0.25rem;}.intro_top_l img {width: 100%;height: 100%;border-radius: 50%;}.intro_top_r {flex: 1;}.intro_top_r p:first-child {font-size: 0.4rem;font-family: SourceHanSansCN-Medium;color: #1A1A1A;font-weight: 700;}.intro_top_r p:nth-child(2) {font-size: 0.22rem;font-family: SourceHanSansCN-Normal;color: #1A1A1A;margin: 0.08rem 0;}.intro_top_r p:nth-child(3) {font-size: 0.2rem;font-family: SourceHanSansCN-Normal;color: #535353;word-break: break-all;}.intro_top_r p:nth-child(3) span {font-size: 0.2rem;font-family: SourceHanSansCN-Normal;color: #535353;letter-spacing: 0.01rem;}.intro_top_r p:nth-child(4) {font-size: 0.2rem;font-family: SourceHanSansCN-Normal;color: #1A1A1A;text-align: right;}.intro_top_r p:nth-child(4) span:first-child {font-size: 0.2rem;font-family: SourceHanSansCN-Normal;color: #C80000;}.intro_top_r p:nth-child(4) span:nth-child(2) {font-size: 0.4rem;font-family: SourceHanSansCN-Normal;color: #C80000;}.card {padding-top: 1.85rem;letter-spacing: 0.02rem;}.card:nth-child(4) {padding-top: 0.4rem;;}.card p:first-child {font-size: 0.32rem;font-family: SourceHanSansCN-Medium;color: #1A1A1A;font-weight: 700;border-bottom: 1px solid #E5E5E5;padding-bottom: 0.35rem;}.detail {padding-top: 0.45rem;}.detail p:first-child {border-bottom: 0;}.cell-left {min-width: 30%;font-family: SourceHanSansCN-Regular;color: #2F2F2F;}.cell-left1 {min-width: 56%!important;}.cell-item:not(:last-child):after {margin-left: 0;}.cell-item {padding-left: 0;}.line {width: 100%;height: 0.26rem;background-color: #F6F6F6;}.cell-textarea {height: 2rem;padding: 0.2rem 0.26rem;background-color: rgb(253, 245, 245);margin-bottom: 0.65rem;overflow-y: auto;letter-spacing: 0.04rem;font-size: 0.3rem;}.button {width: 100%;height: 0.75rem;position: relative;z-index: 999;}.btn {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 3.2rem;height: 100%;text-align: center;background-color: #C80000;border-radius: 2rem;}.btn p {font-size: 0.3rem;font-family: SourceHanSansCN-Medium;color: #FFFEFE!important;line-height: 0.75rem;}.card a {position: absolute;left: 50%;transform: translateX(-50%);font-size: 0.2rem;font-family: SourceHanSansCN-Light;color: #C80000;letter-spacing: 0.02rem;margin-top: 0.18rem;border-bottom: 1px solid #c80000;}.course {padding-bottom: 0.8rem;}input::-webkit-input-placeholder {/* WebKit browsers */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}input:-ms-input-placeholder {/* Internet Explorer 10+ */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}textarea::-webkit-input-placeholder {/* WebKit browsers */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}textarea:-ms-input-placeholder {/* Internet Explorer 10+ */color: #B9B9B9;letter-spacing: 0.04rem;font-size: 0.26rem;}.cell-select,.cell-input,.cell-textarea {color: #6B6B6B;}.red_input {color: #C80000;}.m-navbar:after {border-bottom: 0;}.span_red {color: #c80000;}.cell-right {justify-content: space-between;}.pop,.pop1 {width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;z-index: 9999999999;display: none;overflow: auto;}.notice_content,.notice_content1 {width: 85%;height: 65%;background-color: #fff;padding: 0.5rem;margin: auto;position: relative;top: 50%;transform: translateY(-50%);border-radius: 0.2rem;}.notice_content1 {width: 85%;height: 35%;}.notice_content1 p {font-size: 0.3rem;font-family: SourceHanSansCN-Medium;color: #6B6B6B;line-height: 0.6rem;}.distribution {display: flex;justify-content: space-between;}.notice_content1 p span {color: #000;}.notice_content .delete,.notice_content1 .delete1 {position: absolute;right: -0.2rem;top: -0.2rem;width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #c80000;text-align: center;}.notice_content .delete p,.notice_content1 .delete1 p {color: #fff;line-height: 0.5rem;font-size: 0.4rem;}.notice {font-size: 0.22rem!important;}.notice_content h1,.notice_content1 h1 {font-size: 0.3rem;font-weight: 700;color: #000;text-align: center;margin-bottom: 0.3rem;}.know_content,.know_content1 {width: 100%;height: 0.8rem;position: relative;margin-top: 0.3rem;}.know,.know1 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 3rem;height: 100%;background-color: #c80000;text-align: center;border-radius: 1rem;}.know p,.know1 p {font-size: 0.32rem;line-height: 0.8rem;color: #fff;font-weight: 700;}.phone_nav {height: 0.55rem;position: fixed;width: 100%;z-index: 999;background-color: #000000;opacity: 0;}</style></head><body><div class="phone_nav" id="fixedBar"></div><div class="total"></div><script type="text/html" id="script"><header id="header" class="m-navbar navbar-fixed"><a class="navbar-item" tapmode="" onclick="closeWin()"><i class="back-ico"></i></a><div class="navbar-center"><span class="navbar-title">退款申请</span></div><div class="introduction"><div class="intro_top"><div class="intro_top_l"><img src="{{data.child.thumb_tmp?data.child.thumb_tmp:'http://swt-app.oss-cn-chengdu.aliyuncs.com/app_expression/showApp/chatHead.jpg'}}" alt=""></div><div class="intro_top_r"><p>{{data.child.name}}</p><p>{{data.school}}</p><p>订单编号：{{data.order_number}}</p><p>实付金额：<span>￥</span><span>{{data.amount}}</span></p></div></div></div></header><div class="card common_style"><p>退款相关事宜咨询方式(联系电话)</p>{{if data.schoolCharge &&  data.schoolCharge !== {} && data.schoolCharge.username !== ""  && data.schoolCharge.real_name !== ""}}<div class="cell-item"><div class="cell-left cell-left1">校区负责人 {{data.schoolCharge.real_name}} 校长</div><div class="cell-right"><span>{{data.schoolCharge.username}}</span></div></div>{{/if}}{{if data.charge && data.charge !== {} && data.charge.username !== "" && data.charge.real_name !== ""}}<div class="cell-item"><div class="cell-left cell-left1">校务部员工 {{data.charge.real_name}} 老师</div><div class="cell-right"><span>{{data.charge.username}}</span></div></div>{{/if}}</div><div class="line"></div><div class="card common_style"><p>请填写银行卡</p><div class="cell-item"><div class="cell-left">开户银行</div><div class="cell-right"><input type="text" class="cell-input" placeholder="请输入开户行名称" name="deposit" autocomplete="off" required="required"></div></div><div class="cell-item"><div class="cell-left">姓名</div><div class="cell-right"><input type="text" class="cell-input" placeholder="请输入银行卡持卡人姓名" name="name" autocomplete="off" required="required"></div></div><div class="cell-item"><div class="cell-left">银行卡号</div><div class="cell-right"><input type="text" class="cell-input" placeholder="持卡人本人银行卡号" name="bank" autocomplete="off" required="required"></div></div><div class="cell-item"><div class="cell-left">手机号码</div><div class="cell-right"><input type="text" class="cell-input" placeholder="请输入您的手机号" name="phone" autocomplete="off" required="required"></div></div></div><div class="line"></div><div class="card detail common_style"><p>退款详情</p><div class="cell-item"><div class="cell-left">退款课时</div><div class="cell-right"><span>{{data.surplus}}课时</span></div></div><div class="cell-item"><div class="cell-left">退款金额</div><div class="cell-right"><div><span class="span_red">￥</span><span class="span_red span_red1">{{data.refundMoney}}</span></div></div></div></div><div class="line"></div><div class="card detail common_style"><p>退款消耗</p><div class="cell-item"><div class="cell-left">消耗课时</div><div class="cell-right"><div><span class="span_red3">{{data.consume.hour}}</span><span>课时</span></div></div></div><div class="cell-item"><div class="cell-left">退款消耗金额</div><div class="cell-right"><div><span class="span_red">￥</span><span class="span_red span_red2">{{data.consume.amount}}</span></div></div></div><div class="cell-item"><div class="cell-left">消耗建档费</div><div class="cell-right"><div><span class="span_red">￥</span><span class="span_red span_red4">{{data.consume.filing}}</span></div></div></div></div><div class="line"></div><div class="card detail course common_style"><p>退款原因</p><!-- 下拉选择框 --><div class="m-cell"><div class="cell-item" tapmode="" onclick="chooseRefundType(this)"><div class="cell-left">退款原因</div><div class="cell-right cell-arrow" id="selectRefundType">请选择</div></div></div><!-- 填写退款原因 --><div class="refund_option"></div><div class="button"><div class="btn" onclick="submitApply()"><p>提 交</p></div></div><a href="javascript:;" class="notice">退款须知</a></div><div class="pop"><div class="notice_content"><h1>退款须知</h1> {{#data.notice}}<div class="delete"><p>×</p></div><div class="know_content"><div class="know"><p>我知道了</p></div></div></div></div></script>
</body><script type="text/javascript" src="../../../script/ydui/jquery.min.js"></script>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/public.js"></script>
<script type="text/javascript" src="../../../script/ydui/ydui.flexible.js"></script>
<script type="text/javascript" src="../../../script/ydui/ydui.js"></script><!-- 引入模块引擎template.js -->
<script type="text/javascript" src="../../../script/template.js"></script><script type="text/javascript">var id;var refundReason;var chooseFlag = false;// 退款原因选择的是否是‘其他’  true 是  false 不是apiready = function() {id = api.pageParam.id;doRefund(id);// 初始化下拉选择器模块UIMultiSelector = api.require('UIMultiSelector');}// 退款详情function doRefund(id) {var isSignIn = true;var params = {values: {appFun: "giveRefundDetail",id: id,rid: "0",}}doRequest(isSignIn, params, function(res, err) {console.log(JSON.stringify(params));console.log(JSON.stringify(res));console.log(JSON.stringify(err));if (res) {if (res.sta == 2000) {var html = template('script', res);// 先让其清空，再append$('.total').html('');$('.total').append(html);if(res.data.refundtype.length>0) {var temp = [];for(var i = 0; i < res.data.refundtype.length; i++) {if(i == 0) { // 让第一个默认被选中var obj = {id    : res.data.refundtype[i].id,text  : res.data.refundtype[i].name,type  : res.data.refundtype[i].type,status: 'selected', //字符串类型；选项状态，默认：normal}} else {var obj = {id    : res.data.refundtype[i].id,text  : res.data.refundtype[i].name,type  : res.data.refundtype[i].type,status: 'normal',}}temp.push(obj);}refundReason = temp;} else {refundReason = [];}} else {showMsg('success', res.msg, null);}} else {showMsg('fail', "请求失败,请稍后再试", null);}})}// 动态绑定事件// 点击退款须知$("body").on('click', '.notice', function() {$('.pop').css('display', 'block');// 让弹窗打开后，弹窗底下的页面不可以上下滑动YDUI.util.pageScroll.lock();});$("body").on('click', '.delete', function() {$('.pop').css('display', 'none');YDUI.util.pageScroll.unlock();});$("body").on('click', '.know', function() {$('.pop').css('display', 'none');YDUI.util.pageScroll.unlock();})// 选择退款原因function chooseRefundType() {// 下拉框UIMultiSelector.open({rect: {h: 200},text: {title: '请选择退款原因',leftBtn: '取消',rightBtn: '确定',},max: 1,singleSelection: true,maskClose: true,styles: {mask: 'rgba(0,0,0,0.76)',title: {bg: '#ddd',color: 'rgb(0,0,0)',size: 16,h: 50},leftButton: {w: 80,h: 40,marginT: 5,marginL: 8,color: 'rgb(0,0,0)',bg: '#ddd',size: 16,},rightButton: {w: 80,h: 40,marginT: 5,marginR: 8,color: '#c80000',bg: '#ddd',size: 16,},item: {h: 50,bg: '#fff',bgActive: '#ffffff',color: '#666',active: '#c80000',size: 16,activeSize: 18,disableSize: 16,lineColor: 'rgb(200,200,200)',textAlign: 'center',},},animation: true,items: refundReason,}, function(ret, err) {if (ret.eventType == 'clickLeft') { // 点击取消UIMultiSelector.hide();}if (ret.eventType == 'clickRight') { // 点击确定UIMultiSelector.hide();console.log(JSON.stringify(ret.items));if (ret.items[0]) {$("#selectRefundType").text(ret.items[0].text).attr('data-refundType',ret.items[0].id).attr('data-type',ret.items[0].type);if(ret.items[0].type == 1) { // 当退款理由选择的是‘其他’时$('.refund_option').empty(); // 避免出现：选择一次‘其他’，就出现一个 填写退款原因的textarea文本框var refund_html = '<textarea class="cell-textarea" placeholder="请填写退款原因" name="content"></textarea>';$('.refund_option').append(refund_html);chooseFlag = true;}else{$('.refund_option').empty();chooseFlag =false;}}UIMultiSelector.close();}});}// 提交var deposit,bank,name,phone,content,amount,money,hour,filing,refundType,refund_type1;function submitApply() {// 一点击就先判断必填项deposit      = $('input[name=deposit]').val();    // 开户银行bank         = $('input[name=bank]').val();       // 银行卡号name         = $('input[name=name]').val();       // 姓名phone        = $('input[name=phone]').val();      // 电话号码content      = $('textarea[name=content]').val(); // 退款原因amount       = $('.span_red1').text();            // 退款金额money        = $('.span_red2').text();            // 退款消耗金额hour         = $('.span_red3').text();            // 消耗课时filing       = $('.span_red4').text();            // 消耗建档费refundType   = $("#selectRefundType").attr('data-refundType'); // 退款原因对应的idrefund_type1 = $("#selectRefundType").attr('data-type');       // 退款原因对应的typeif (deposit == "" || deposit == null || deposit == undefined || deposit.trim().length == 0) {showMsg('fail', '请填写开户行', null);return false;} else if (name == "" || name == null || name == undefined || name.trim().length == 0) {showMsg('fail', '请填写持卡人', null);return false;} else if (bank == "" || bank == null || bank == undefined || bank.trim().length == 0) {showMsg('fail', '请填写卡号', null);return false;} else if (phone == "" || phone == null || phone == undefined || phone.trim().length == 0) {showMsg('fail', '请填写手机号', null);return false;} else if (!(/^[0-9]*$/.test(bank))) { // 判断银行卡卡号是否是数字形式showMsg('fail', '请填写正确的银行卡卡号格式', null);return false;} else if (!(/^1((34[0-8])|(8\d{2})|(([35][0-35-9]|4[579]|66|7[35678]|9[1389])\d{1}))\d{7}$/.test(phone))) { // 判断手机号码是否是正确的格式：电话号码的正则表达式showMsg('fail', '请填写正确的手机号码格式', null);return false;} else if (refundType == "" || refundType == null || refundType == undefined || refundType.trim().length == 0) {showMsg('fail', '请选择退款原因', null);return false;} else if (refund_type1 == 1) { // 当退款理由选择的是‘其他’时if (content == "" || content == null || content == undefined || content.trim().length == 0) {showMsg('fail', '请填写退款原因', null);return false;} else {// 调用函数dialogBox();}} else {// 调用函数dialogBox();}};// 封装函数-确认-弹出框function dialogBox() {// 确认-弹出框【dialogBox是apiCloud的带有确定按钮的弹出框模块】var dialogBox = api.require('dialogBox');dialogBox.alert({texts: {title: '确认',content: '当前正在进行确认操作,是否继续?',leftBtnTitle: '取消',rightBtnTitle: '确认'},tapClose: true,styles: {bg: '#fff',w: 300,corner: 8,title: {marginT: 20,iconSize: 40,titleSize: 16,titleColor: '#000'},content: {color: '#000',size: 14},left: {marginB: 20,marginL: 30,w: 100,h: 35,corner: 18,bg: '#cfd1d4',size: 15,color: '#ffffff'},right: {marginB: 20,marginL: 37,w: 100,h: 35,corner: 18,bg: '#c80000',size: 15,color: '#ffffff'}}}, function(ret) {if (ret.eventType == 'left') { // 点击取消var dialogBox = api.require('dialogBox');dialogBox.close({dialogName: 'alert'});} else { // 点击确认var dialogBox = api.require('dialogBox');dialogBox.close({dialogName: 'alert'});// 向后台传递参数var isSignIn = true;var params = {values: {appFun    : "getRefundApply",id        : id,deposit   : deposit,bank      : bank,name      : name,phone     : phone,content   : content?content:'',amount    : amount,money     : money,hour      : hour,filing    : filing,refundtype: refundType,}}doRequest(isSignIn, params, function(res, err) {if (res) {if (res.sta == 2000) {YDUI.dialog.alert(res.msg, function() {openWin('refund_status', './refund_status', '', {id: id,rid: res.data.rid,}, true);api.sendEvent({name: 'updateIndex0',});});} else {showMsg('success', res.msg, null);}} else {showMsg('fail', "请求失败,请稍后再试", null);}})}});}// 触屏滑动事件-由浅入深地慢慢出现黑色nav$(window).scroll(function() {var windowTop = $(window).scrollTop();var numberSolid = (windowTop * 0.01).toFixed(2);$('#fixedBar').css('opacity', numberSolid);});
</script></html>

2021-11-19 工作记录--apiCloud-YDUI下拉框相关推荐

excel 表做下拉框_Excel工作表的组合框下拉列表
excel 表做下拉框 Would you prefer a bigger font size for items in a data validation drop down list? Would ...
vue 的elementui中select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台,使用起来其实还挺方便的,大部分的组件源码里面都已经写好了, ...
html select滚动条样式修改,如何定义Select下拉框的边框颜色和滚动条样式
如何定义Select下拉框的边框颜色和滚动条样式 (2012-11-07 15:00:25) 标签: 定义select下拉框 select定义css不显示杂谈如何定义Select下拉框的边框颜色和 ...
JAVA设置excel下拉框默认值,Java设置Excel数据验证(下拉列表)
测试Excel表格设置数据下拉列表 /** * 功能描述: 测试Excel表格设置数据下拉列表 * * @author Jack_Liberty * @date 2021-02-21 16:30 */ ...
Extjs下拉框 Combobox
今天做了一个下拉框,截取了一部分,想记录一下extjs下拉框的各种配置项属性 store部分: var statusStore = Ext.create('Ext.data.Store', {fiel ...
尚硅谷——谷粒商城项目开发记录——2021.11.19
尚硅谷--谷粒商城项目开发记录--2021.11.19 出现错误 1.SpringBoot测试类出现Could not autowire. No beans of 'BrandService' typ ...
记录Layui-select中的搜索下拉框lay-search相关的使用(对于初次使用是真的难顶)
对于一个后端开发人员来说,常用的easyUI,miniUI,bootstrap,layUI等前端整合式的UI框架能很好的提高页面美观程度以及开发效率我个人在开发中,使用过miniUI,bootstr ...
dropdownlist下拉框变透明_F.js 更新记录
2020-10-10 v7.0.0 +支持复选框的单选框样式. -为表格增加checkboxSelectDisplayType属性,为表格列增加checkboxDisplayType属性(仅用于col ...
Selenium3自动化测试——11. 下拉框处理
1. 实现目标自动实现功能:点击设置-->搜索设置-->设置下拉框每页显示多少条搜索结果. 2. 实现代码 from time import sleep from selenium im ...
工作中收集JSCRIPT代码之（下拉框篇）
// 给下拉框增加项 function insertOption(obj, _text, _value, _selected){ // 如果存在此VALUE,则编辑 for (var ...