ionic 确认提示操作框
//确认框
.factory('ActionSheet', function ($ionicActionSheet, TipsPort, Service,Loading) {
var ActionSheet = function (urlAction, tipsTitle, params, status, successTips, failTips, successBack, errorBack) {
return $ionicActionSheet.show({
buttons: [
{text: '<b>确定</b>'}
],
//destructiveText: 'Delete',
titleText: '<b>' + tipsTitle + '</b>',
cancelText: '取消',
cancel: function () {
},
//点击确定
buttonClicked: function (index) {
if (index == "0") {
// console.log(params);//get还是post
// params = ConvertString(params);
Loading(1);
Service.GetData(urlAction, params)
.success(function (res) {
Loading();
if (res.status === status) {
TipsPort(successTips, successBack, res);
} else {
TipsPort(failTips, errorBack, res);
}
}).error(function (err) {
Loading();
TipsPort(failTips);
})
}
return true;
}
}); return ActionSheet;
}
})
/**
* urlAction:请求后台的接口名
* tipsTitle:提示操作的内容
* params:提示的参数
* status:返回数据的请求状态
* successTips:请求成功的提示
* failTips:请求失败的提示
* successBack:请求成功后的操作
* errorBack:请求失败后的操作
* */
应用:ActionSheet("","修改IP链接后会 有可能 导致 无法登录 ,是否进行修改?"); 其他参数就不写了,自己看情况加上去
结果:

//---------------------------------以下内容为代码中附带的代码------------------------------------//
附上请求数据的 GetData 方法 的代码(这个方法可换成你们自己的请求数据的方法,不唯一):
.factory('Service', function ($http, SERVER,Select,$timeout) {
var cbat = {
list: []
};
cbat.PostData = function (url, params) {
return $http.post(Select.url + url, params,{timeout: 10000})
.success(function (response) {})
.error(function () {});
};
cbat.GetData = function (url, params) {
return $http({
method: "get",
params: params,
url: Select.url + url,
timeout: 100000
}).success(function (data) {})
.error(function (err) {});
};
return cbat;
})
附上 Loading 的方法:
.factory('Loading', function ($ionicLoading) {
var Loading = function (flag) {
if (flag == 1) {
$ionicLoading.show({
template: "Loading"
});
} else {
$ionicLoading.hide();
}
};
return Loading;
})
TipsPort的代码:https://www.cnblogs.com/nelsonlei/p/10381988.html
ionic 确认提示操作框的更多相关文章
- js实现删除确认提示框
js实现删除确认提示框 一.实例描述 防止用户小心单击了“删除”按钮,在用户单击“删除”按钮后,给出一个提示,让用户确认此次操作是否正确. 二.效果 三.代码 <!DOCTYPE html> ...
- [UWP]在应用退出时弹出确认提示框
1. 需求 在应用退出时(点击右上角的关闭按钮)弹出一个确认按钮可以说是一个最常见的操作了,例如记事本的"你是否保存": 但这个功能在UWP上居然有点小复杂.这篇文章将解释如何实现 ...
- js在关闭页面前弹出确认提示【转载】
最近项目中出现个bug,就是导出数据后,会提示确认导航,其实实际需求并不需要这个提示,可能是之前遗留的问题.查了下资料是在触发了onbeforeunload事件,那么剩下的就是代码组织问题了. 众所周 ...
- Access提示“操作必须使用一个可更新的查询”的解决办法
问题:软件工程师开发了一个asp.net+access网站,本地调试增.删.改和查都没有异常.部署到服务器windows2008 R2的IIS上运行后,查询没有异常.可是在修改操作提交时,产生异常:提 ...
- Sqlserver2005附加数据库时出错提示操作系统错误5(拒绝访问)错误5120的解决办法
Sqlserver2005附加数据库时出错提示操作系统错误5(拒绝访问)错误5120的解决办法 最近几天从网上找了几个asp.net的登录案例想要研究研究代码,结果在用 Sql Server2005附 ...
- JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)
一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: <div> <textare ...
- jQuery动态提示消息框效果
效果预览:http://keleyi.com/keleyi/phtml/jqtexiao/2.htm 原文:http://keleyi.com/a/bjac/hxv86dyi.htm <!DOC ...
- SQLServer2005+附加数据库时出错提示操作系统错误5(拒绝访问)错误5120的解决办法
SQLServer2005+ 附加数据库时出错提示操作系统错误5(拒绝访问)错误5120的解决办法 我们在用Sql SQLServer2005+附加数据库文件时弹出错误信息如下图的处理办法: 方案一: ...
- JS 信息提示弹框封装
// 功能提示弹框 function tipsBox ( option ) { var html = ''; if ( option.type == 'success' ) { html += '&l ...
随机推荐
- python访问互联网
1.python有一个网络包urllib,里面有很多网络模块,其中我们常用的就是urllib.request (module)这个模块 2.引入要是用的模块:import urllib.request ...
- redux源码学习笔记 - combineReducers
上一篇有了解到,reducer函数的两个为:当前state和此次dispatch的action. state的结构是JavaScript对象,每个key都可以代表着不同意义的数据.比如说 { list ...
- 【Hadoop】3、Hadoop-MapReduce使用avro进行数据的序列化与反序列化
package cn.cutter.demo.hadoop.avro; import org.apache.hadoop.io.Text; import java.text.DateFormat; i ...
- 一个BAT老程序员的忠告!
一.在中国,你千万不要因为学习技术就可以换来稳定的生活和高的薪水待遇,你更不要认为那些从事市场.运营的人,没有前途. 不清楚你是不是知道,咱们中国有相当大的一部分软件公司,他们的软件开发团队都小的 ...
- Apache-Flink深度解析-State
摘要: 实际问题 在流计算场景中,数据会源源不断的流入Apache Flink系统,每条数据进入Apache Flink系统都会触发计算.如果我们想进行一个Count聚合计算,那么每次触发计算是将历史 ...
- JVM读书笔记之内存管理
对于从事C.C++程序开发人员来说,在内存管理领域,他们既是拥有最高权力的“皇帝”又是从事最基础工作的“劳动人民”--既拥有每一个对象的“所有权”,又负责每一个对象生命开始到终结的维护责任. 对于Ja ...
- RabbitMQ系列(三)RabbitMQ交换器Exchange介绍与实践
RabbitMQ交换器Exchange介绍与实践 RabbitMQ系列文章 RabbitMQ在Ubuntu上的环境搭建 深入了解RabbitMQ工作原理及简单使用 RabbitMQ交换器Exchang ...
- Dijkstra——单源最短路径
算法思想 ①从一个源点开始,找距离它最近的点顶点v ②然后以顶点v为起点,去找v能到达的顶点w,即v的邻居 比较源点直接到 v的距离和(源点到v的距离+v到w的距离) 若大于后者则更新源点的到w的开销 ...
- Tomcat(二):tomcat配置文件server.xml详解和部署简介
Tomcat系列文章:http://www.cnblogs.com/f-ck-need-u/p/7576137.html 1. 入门示例:虚拟主机提供web服务 该示例通过设置虚拟主机来提供web服务 ...
- Go基础系列:互斥锁Mutex和读写锁RWMutex用法详述
sync.Mutex Go中使用sync.Mutex类型实现mutex(排他锁.互斥锁).在源代码的sync/mutex.go文件中,有如下定义: // A Mutex is a mutual exc ...