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,通 ...
随机推荐
- Oracle 11g静默安装
1.检查安装包 安装依赖包 yum -y install gcc make binutils gcc-c++ compat-libstdc++-33 elfutils-libelf-devel elf ...
- SpringBoot简介与快速入门
一.SpringBoot简介 1.1 原有Spring优缺点分析 1.1.1 Spring的优点分析 Spring是Java企业版(Java Enterprise Edition,JEE,也称J2EE ...
- 多vps管理面板
iis7远程桌面连接工具,又叫做iis7远程桌面管理软件,是一款绿色小巧,功能实用的远程桌面管理工具,其界面简洁,操作便捷,能够同时远程操作多台服务器,并且多台服务器间可以自由切换,适用 ...
- Q&A系列一：DataPipeline常见问题回答
不知不觉中,大家已经陪伴DataPipeline走过了3年时间.在这期间,得益于客户们的积极反馈和沟通,我们总结了一些日常工作中比较常见的问题,并基于这些问题进行了总结. 为避免突兀,我们会先从比较基 ...
- 微信生成二维码 PHP
<?php /** * Created by PhpStorm. * User: liyiming * Date: 2019/8/8 * Time: 14:23 */ # 生成二维码 class ...
- es6种for循环中let和var区别
let和var区别: for(var i=0;i<5;i++){ setTimeout(()=>{ console.log(i);//5个5 },100) } console.log(i) ...
- pdf文件内容查看器 -- 采用wpf开发
前言 pdf是一种应用非常广的版式文档格式,已成为事实上的国际标准.关于pdf格式的文章汗牛充栋,本文也是关于pdf格式的文章,但是本文不是纸上谈兵:本人这几周一直研究pdf格式内容,不但对pfd格式 ...
- 使用java做一个能赚钱的微信群聊机器人（2020年基于PC端协议最新可用版）
前言 微信群机器人,主要用来管理群聊,提供类似天气查询.点歌.机器人聊天等用途. 由于微信将web端的协议封杀后,很多基于http协议的群聊机器人都失效了,所以这里使用基于PC端协议的插件来实现. 声 ...
- Lua表（table）的个人总结
1.表的简介和构造 table是个很强大且神奇的东西,又可以作为数组和字典,又可以当作对象,设置module.它是由数组和哈希表结合的实现的.他的key可以是除nil以外任意类型的值,key为整数时, ...
- 小程序中组件公用属性和data-的使用
属性名 类型 描述 注解 hidden Boo ...