artTemplate--模板使用自定义函数(2)
我的常用自定义函数
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>helper-demo</title>
<script src="../dist/template.js"></script>
<script src="../dist/jquery-1.11.3.js"></script>
</head>
<body>
<h1>辅助方法</h1>
<div id="content"></div>
<script id="test" type="text/html">
{{if hasEmptyProperties(testData)}}
查询成功，无该用户
{{else}}
查询该成功：xxx
{{/if}}
{{if isBlank(testData.queryHistory,'overtime')}}
是空的
{{else}}
不是空的
{{/if}}
{{if isBlank(testData.queryHistory)}}
是空的
{{else}}
不是空的
{{/if}}
{{if isEmptyProperty(testData.queryHistory,"time")}}
是空的
{{else}}
不是空的
{{/if}}
</script>
<script>
//递归需要用到的变量
var gExit = false;
var gIsExist = false;
var gIsValid = false;
function initGobalVariables(){
gExit = false;
gIsExist = false;
gIsValid = false;
}
/**
* 判断传入的json对象或者json对象指定的属性是否为空
* @param data json对象
* @param key 属性
* @return boolean
*/
template.helper("isBlank", function (data,key) {
debugger
var isBlank = false;
if(typeof (key) =="undefined"||key.length==0){
if (typeof (data) == "object") {
if ($.isEmptyObject(data)) {
isBlank= true;
}
} else if((typeof (data) =="undefined")){
isBlank = true;
}
}else{
if (typeof (data) == "object") {
if(typeof (data[key]) == "object"|| typeof (data[key]) == "undefined"){
if ($.isEmptyObject(data[key])) {
isBlank = true;
}
}
} else {
if((typeof (data) =="undefined")){
isBlank = true;
}
}
}
return isBlank;
});
/**
* 判断当前对象中指定属性是否为空(不推荐使用)
*
* <pre>
* 适用于几个属性判断或运算
*
* 如：{{testData.queryHistory.overtime==null || testData.queryHistory.name ==null}}
*
* 用法:
* {{if isEmptyProperties(testData.queryHistory,"['overtime','name']")}}
* 空的
* {else}}
* 是空的
* {/if}}
* </pre>
*
* @Param data
* 传入的js或者json对象 return {boolean}
*
*/
template.helper("isEmptyProperty", function(data, keys) {
var keys = [ keys ];
var flag = false;
if ($.isEmptyObject(data)) {
flag = true;
} else {
$.each(keys, function(i, key) {
if (flag == true) {
return false;
}
flag = isEmpty(data, key);
});
}
// 维护全局变量
initGobalVariables();
return flag;
});
/**
* 递归判断当前被指定的属性在当前对象中是否为空
*
* @param data
* Json对象
* @returns {boolean}
*/
function isEmpty(data, key) {
// 中止执行当前递归
if (gExit == true) {
return gIsExist;
}
if (typeof data == "object") {
if ($.isEmptyObject(data)) {
gIsExist = true;
gExit = true;// 满足条件，退出递归
} else {
$.each(data, function(k, v) {
// 当前属性为传入的指定属性时
if (k == key) {
if ($.isEmptyObject(data[k])) {
gIsExist = true;
gExit = true;// 满足条件，退出递归
} else {
gIsExist = false;
gExit = true;// 满足条件，退出递归
}
gIsValid = true;// 当前指定属性有效
return false;// 退出当前迭代
} else {
if ($.isEmptyObject(data[k])) {
return true;
}
gIsExist = isEmpty(v, key);
}
});
}
} else {
// jsonOb is a number or string or undefined
if((typeof (data) =="undefined")){
gIsExist = true;
gExit = true;// 满足条件，退出递归
}
}
if (!gIsValid) {
gIsExist = true;
}
return gIsExist;
}
/**
* 对指定Json对象遍历其属性判断是否存在空值，只要存在空属性就代表无效对象,返回false
*
* <pre>
* Json对象1: testData:{
* queryHistory:{
* array:[],
* query:{},
* name:'fdsafdsa'
* }
* Json对象2: testData:{
* queryHistory:{
* overtime:[],
* query:{time:'100'},
* name:'fdsafdsa'
* }
* Json对象3: testData:{
* queryHistory:{}
* }
* 在模板输入： {{if isValidObject(testData)}}
* 返回： true;
*
*
*
* </pre>
*
* @Param data
* 要进行校验的Json对象
* @Param args
* Json对象中的属性参数
* @author liangyh
*/
template.helper("hasEmptyProperties", function(data) {
var isInvalid = false;
isInvalid = isExistEmptyProperties(data);
// 维护全局变量
gExit = false;
gIsExist = false;
return isInvalid;
});
/**
* 递归判断当前对象是否存在空属性
*
* @param data
* Json对象
* @returns {boolean}
*/
function isExistEmptyProperties(data) {
// 中止执行当前递归
if (gExit == true) {
return gIsExist;
}
if (typeof data == "object") {
if ($.isEmptyObject(data)) {
gIsExist = true;
gExit = true;// 满足条件，退出递归
} else {
$.each(data, function(k, v) {
// k is either an array index or object key
gIsExist = isExistEmptyProperties(v);
});
}
} else{
if((typeof (data) =="undefined")){
gIsExist = true;
gExit = true;// 满足条件，退出递归
}
}
return gIsExist;
}
/**
* 对日期进行格式化，
*
* @param date
* 要格式化的日期
* @param format
* 进行格式化的模式字符串 支持的模式字母有： y:年, M:年中的月份(1-12), d:月份中的天(1-31),
* h:小时(0-23), m:分(0-59), s:秒(0-59), S:毫秒(0-999), q:季度(1-4)
* @return String
* @author yanis.wang
* @see http://yaniswang.com/frontend/2013/02/16/dateformat-performance/
*/
template.helper('dateFormat', function (date, format) {
if (typeof date === "string") {
var mts = date.match(/(\/Date\((\d+)\)\/)/);
if (mts && mts.length >= 3) {
date = parseInt(mts[2]);
}
}
date = new Date(date);
if (!date || date.toUTCString() == "Invalid Date") {
return "";
}
var map = {
"M": date.getMonth() + 1, // 月份
"d": date.getDate(), // 日
"h": date.getHours(), // 小时
"m": date.getMinutes(), // 分
"s": date.getSeconds(), // 秒
"q": Math.floor((date.getMonth() + 3) / 3), // 季度
"S": date.getMilliseconds()
// 毫秒
};
format = format.replace(/([yMdhmsqS])+/g, function (all, t) {
var v = map[t];
if (v !== undefined) {
if (all.length > 1) {
v = '0' + v;
v = v.substr(v.length - 2);
}
return v;
} else if (t === 'y') {
return (date.getFullYear() + '').substr(4 - all.length);
}
return all;
});
return format;
});
//数据
var data = {
time: 1408536771253,
testData: {
queryHistory: {
overtime: [],
query: {time: '100'},
name: 'fdsafdsa'
}
}
};
var html = template('test', data);//渲染模板
document.getElementById('content').innerHTML = html;
</script>
</body>
</html>
artTemplate--模板使用自定义函数(2)的更多相关文章
- 在ecshop模板使用自定义函数
https://blog.csdn.net/shaolinld/article/details/46400485 在ecshop模板使用自定义函数 可以增加自定义函数,在模板直接调用,例如: {$us ...
- 四、smarty模板的自定义函数
smarty模板的自定义函数(这里介绍的是常用) 分为三个种类: 1. 变量调节器 2. 函数 3. 块函数 三个种类插件的用法: 1. 变量调解器的用法, <{$var|myfun:a ...
- 模板语言 自定义函数simple_tag
模板语言自带的一些处理函数:通过管道符来处理 帮助方法:{{ item.event_start|date:"Y-m-d H:i:s"}} 转换成日期时间型{{ bio|trunc ...
- art-template自定义函数
自定义函数 // 百分比计算 template.defaults.imports.percentage = function (num1, num2) { var res; if(!num1 & ...
- Thinkphp模板怎么使用自定义函数
内置模板引擎支持对模板变量使用函数,并支持多个函数同时使用. 注意:自定义函数要放在项目应用目录/common/common.php中. 这里是关键. 模板变量的函数调用格式:{$varname|fu ...
- Thinkphp模板中使用自定义函数的方法
注意:自定义函数要放在项目应用目录/common/common.php中. 这里是关键. 模板变量的函数调用格式:{$varname|function1|function2=arg1,arg2,### ...
- thinkphp模板中使用自定义函数
注意:自定义函数要放在项目应用目录/common/common.php中. 这里是关键. 模板变量的函数调用格式:{$varname|function1|function2=arg1,arg2,### ...
- 模板自定义函数 template function
sqlite3中的日期默认是UTC,当日期字段的默认值是CURRENT_TIMESTAMP时,这个日期和北京时间CST少了8小时. 网上建议说数据库里用UTC,读取数据时再转换为当地时间. web页面 ...
- django 笔记8 url模板 自定义函数 simple_tag
感谢alex老师~ 知识点: URL - 两个没见 url>路由系统> 函数或类 > 返回字符串 Form表单提交: 提交 >url>函数或类中的方法 -.. HttpR ...
- 五，Smarty模板技术/引擎——自定义函数机制
自建函数是smarty提供的函数,不允许修改,只能被调用: 自定义函数是自己编写函数,注册成为smarty的函数,之后可以被调用: 示例:使用smarty自定义函数的机制,编写一个函数myfun1,通 ...
随机推荐
- IDEA环境使用Git
推送到Github 在设置中登录github账户 点击OK 将项目交给Git管理 之后项目文件就会变成红色 添加文件到暂存区 点击Add之后,项目文件会变成绿色 添加文件到本地仓库 点击Commit ...
- 记一次ftp错误
在一个ftp上,突然登不上 报错,使用浏览器登录,报此用户不是私密连接,然后使用服务器客户端登录尝试,错误信息如下: [root@test ~]# ftp *.*.*.* Connected to * ...
- Linux gcc版本升级
Linux gcc版本升级 操作环境 RHEL7,在进行内核编译时编译器版本,需要升级gcc编译器,选择gcc-8.3.0. http://ftp.gnu.org/gnu/gcc 里面提供所有的gcc ...
- Markdown数学符号
上标 语法: x^2 效果: \(x^2\) 下标 语法: x_i 效果: \(x_i\) 整体 语法: x^{2y} 效果: \(x^{2y}\) 大括号 语法: \{\} 效果: \(\{\}\) ...
- Python for Data Analysis 学习心得（四） - 数据清洗、接合
一.文字处理 之前在练习爬虫时,常常爬了一堆乱七八糟的字符下来,当时就有找网络上一些清洗数据的方式,这边pandas也有提供一些,可以参考使用看看.下面为两个比较常见的指令,往往会搭配使用. spli ...
- keuectl命令
Kubernetes命令行 kubectl用于运行Kubernetes集群命令的管理工具 kubectl命令行语法 kubectl [command] [TYPE] [NAME] [flags] co ...
- echo 传义序列
echo 传义序列:\a 警示字符\b 退格\c 输出中忽略最后的换行符\f 清屏\n 换行\r 回车\t 水平制表符\v 垂直制表符\\ 反斜杠字符\0ddd 将字符表示成1到3位的八进制数值
- getopt命令
最近学习了一下getopt(不是getopts)命令来处理执行shell脚本传入的参数,在此记录一下,包括长选项.短选项.以及选项的值出现的空格问题,最后写了个小的脚本来处理输入的参数 首先新建一个t ...
- Neo4j集群容器化部署
集群基本配置(示例) core servers: 10.110.10.11, 10.110.10.12, 10.110.10.13read replicas: 10.110.10.14, 10.110 ...
- aliPayPlus 科普使用
本文出自APICloud官方论坛, 感谢论坛版主City7的分享. 首先到 https://open.alipay.com/platform/manageHome.htm 申请应用上线 支付宝网关:这 ...