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();
}
最新文章
- spring里的controller之间的跳转
- android wifi 获取扫描结果
- poj2632 Crashing Robots
- 【SAP BO】【WEBI】【转】Webi实现动态选择度量
- 如何解决cellIndex在IE下兼容性问题
- Apache 的启动／重启／停止
- iOS 开发--多线程
- JavaScript工厂模式代码
- 使用CATransition实现页面的“从左向右” “从右向左”的动画
- 细说Oracle数据库与操作系统存储管理二三事
- 【C语言】单片机上的按键检测框架
- 设计模式 ( 十三 ) 命令模式Command（对象行为型）
- seo步骤
- iReport默认参数和变量的含义解析【转】
- es6常用语法学习笔记
- Cglib动态代理浅析
- 剑指offer面试题23：从上到下打印二叉树（树的层序遍历）
- 2018-2019-1 20189203《linux内核原理与分析》第六周作业
- iproute2应用
- 【代码笔记】iOS-长条蓝色button