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 ...
随机推荐
- Xamarin.Android 启动页
打开软件的时候相当慢,会有白屏显示,这样的用户体验效果不好,所以需要增加一个启动页来过渡.步骤如下: 第一步:根据自己需求找到一个png图片,用于启动展示,放在Drawable 文件夹下,我这里命名为 ...
- 总结jenkins Android自动打包遇到的坑
一.ndk-build报错 [root@hejianlai-jenkins LearnGradle]# ndk-build /usr/local/android-ndk-r8/ndk-build: / ...
- 《C++ Primer Plus 第6版》学习笔记
第三章.基本数据类型 整形 short:至少16位 int:至少与short一样长 long:至少32位,且至少与int一样长 long long:至少64位,且至少与long一样长 字符类型 cha ...
- 【原】git常用命令笔记
平时要用一些命令老是去网上找还挺麻烦的,所以总结起来,还是写在了github上,博客园啥时候也支持一个markdown啊!! https://xianyulaodi.github.io/2017/03 ...
- 【原创】《windows驱动开发技术详解》第4章实验总结二
1 实验要求(WDM驱动) 2 编写过程 2.1 确立整体架构 2.1.1 入口函数——DriverEntry (1)作用 设置pDriverObject结构体,注册AddDevi ...
- 【原创】STM32工程新建步骤
1. 新建文件夹 DOC文件夹: 可以存放readme.txt等项目文档 Library文件夹: 可以存放ST库源码,直接复制ST库的源代码到Librar ...
- WebService SOAP
<wsdl:definitions xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:wsdl="http:// ...
- 值得关注的10个python语言博客
大家好,还记得我当时学习python的时候,我一直努力地寻找关于python的博客,但我发现它们的数量很少.这也是我建立这个博客的原因,向大家分享我自己学到的新知识.今天我向大家推荐10个值得我们关注 ...
- 【学习笔记】node.js重构路由功能
摘要:利用node.js模块化实现路由功能,将请求路径作为参数传递给一个route函数,这个函数会根据参数调用一个方法,最后输出浏览器响应内容 1.介绍 node.js是一个基于Chrome V8引擎 ...
- python包导入细节
包导入格式 导入模块时除了使用模块名进行导入,还可以使用目录名进行导入.例如,在sys.path路径下,有一个dir1/dir2/mod.py模块,那么在任意位置处都可以使用下面这种方式导入这个模块. ...