zoukankan      html  css  js  c++  java
  • hbuider 中点击就显示出一个单选的列表 ,然后后台跨域向里面动态添加数据,注意里面的格式是json object

    jsp页面:

    <li class="mui-table-view-cell" onclick="showActionSheet()">
    <div class="mui-input-row">
    <label>机构类别</label>
    <div class="ditem mui-pull-right" id="outputModel">请选择一个类别</div>
    <div class="ditem mui-pull-right" id="output" style="display: none;">选择类别</div>
    </div>
    </li>

    、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

    js代码:

    var add = function addtype(){
    var ajaxUrl=getajaxUrl();
    var url = ajaxUrl[0]['nativeIp']+"/mobile/org/type";
    mui.ajax(url,{
    data:{
    tel:1,
    code:1
    },
    dataType:'json',//服务器返回json格式数据
    type:'post',//HTTP请求类型
    timeout:10000,//超时时间设置为10秒;
    success:function(data){
    //服务器返回响应,根据响应结果,分析是否登录成功;
    var result = eval(data);
    result = eval(result);
    //获取表中的列数
    var count = result[0].count;
    var bts=[];
    /*var titles='{title:"'+result[0].orgtype[0].name+'"},'*/
    if(count>0){
    for(var i=0;i<count;i++){
    bts.push({title:""+result[0].orgtype[i].name+""});
    }
    var types = document.getElementById('outputModel');
    outSet("");
    plus.nativeUI.actionSheet({
    title : "选择类别",
    cancel: "取消",
    buttons: bts
    },
    function(e) {
    if(((e.index > 0) ? bts[e.index - 1].title : "取消")=='取消'){

    }else{
    types.innerHTML = ((e.index > 0) ? bts[e.index - 1].title : "取消");
    /*alert(((e.index > 0) ? bts[e.index - 1].title : "取消"));*/
    }

    }
    );
    }
    },
    error:function(xhr,type,errorThrown){
    //异常处理;
    console.log(type);
    }
    });

    }

    //选择类别
    function showActionSheet() {
    add();
    }

  • 相关阅读:
    Vmware 添加虚拟磁盘
    2019-2020-2 《网络对抗技术》 Exp3 免杀原理与实践
    Docker 容器更换软件源
    Docker 查看容器 Linux 版本
    OpenMediaVault 5 进阶配置(四) Portainer 管理 Docker
    Portainer 中文文档:部署
    树莓派 部署 Docker 数据库容器
    通过Cookie统计上次网页访问时间
    用JavaMail通过QQ邮箱来发送邮件(第一篇博客,备忘)
    删掉双系统
  • 原文地址:https://www.cnblogs.com/lemon863376328/p/5101897.html
Copyright © 2011-2022 走看看