最近在处理一个小程序的报表,通过js接口返回数组,然后在wxml中对数组进行展示。常用就是一个wx:for="{{item.data}}" wx:for-item="itemOrder" 进行循环显示完事。但客户觉得不够直观,要求交叉表的形式。交叉表通过数据方式当然可以,但这个要改动API和主程序,于是这个方法暂时不考虑。考虑到通过小程序的js在后台进行拼装,再在wxml中展示,但一时间脑塞,想不到办法。于是只好在wxml中通过wxs module处理,wxs module我虽然不是经常用,但听说过它可以不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。而它与 javascript又不同,有自己的语法,所以并不和 javascript 一致(但有80%相似)。还有就是它的运行环境和其他 javascript 代码是隔离的互不通,所以wxs module中不能调用其他 javascript 文件中定义的函数,更不能调用小程序提供的API。并且所写的函数是不能作为组件的事件回调。当然也有wxs module的好处,由于运行环境的差异,在 iOS 设备上小程序内的 wxs module 会相对 javascript 代码快 2 ~ 20 倍。不幸的是在 android 设备上二者运行效率无差异,BS一下。主后还有个硬伤就是因为调试不是太便利。。。但人总要向难度挑战,于是就随手写了一个不是太高小的wxs module。代码如下:
<wxs module="indexofStr">
module.exports.Show_find = function (str1, str2, str3) {
var obj = 0;
for (var i = 0; i < str1.length; ++i) {
if (str1[i].DIN03.split("|")[0] == str2 && str3 == str1[i].DIN02) {
obj = str1[i].Totle;
break;
}
}
return obj
}
</wxs>
大概思路,就是通过循环数组,进行数组元素的匹配,当匹配成功就做一个显示。不过感觉这个不是十分好的方法,但能处理就算了。如果有好的方法可以留言给我,共同提高。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。