zoukankan      html  css  js  c++  java

  • 熟练使用artTemplate.helper()方法

    最近，使用artTemplate模板比较频繁，也遇到了一些问题。 使用artTemplate模板的时候，使用{{$index}}只能获取到小写的阿拉伯数字，但是，项目实际需要大写的，类似，"一、二、三、四"这样的数字写法。之前也使用过这个模板，但是并没有遇到这样的需求。更要紧的是模板提供的helper()方法不怎么会用。形势所逼，还是硬着头皮了解一下吧。 如果有同行业遇到这样的问题，在网上搜索的到类似的，那肯定和写的不一样，仔细了解一下吧，代码贴在这儿了。

    1. <!DOCTYPE html>
    2. <html>
    3. <headlang="zh-cn">
    4. <metacharset="UTF-8">
    5. <title>arttemplate</title>
    6. <scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    7. <scriptsrc="template.js"></script>
    8. </head>
    9. <body>
    10. <divid="content3"></div>
    11. <scriptid="test3"type="text/html">
    12. <p>{{numberToChar 11230}}</p>
    14. </script>
    15. </body>
    16. <script>
    17. var toChar =["零","一","二","三","四","五","六","七","八","九"];
    18. var toUnitChar =["","十","百","千","万","亿","万亿","亿亿"];
    19. template.helper('numberToChar',function(number){
    20. var toStr ='', toLargeStr ='';
    21. var toUnitStr =0;
    22. var flag =true;
    23. while(number >0){
    24. var v = number %10;
    25. if(v ===0){
    26. if(!flag){
    27. flag =true;
    28. toLargeStr = toChar[v]+ toLargeStr;
    29. }
    30. }else{
    31. flag =false;
    32. toStr = toChar[v];
    33. toStr += toUnitChar[toUnitStr];
    34. toLargeStr = toStr + toLargeStr;
    35. }
    36. toUnitStr++;
    37. number =Math.floor(number /10);
    38. }
    39. return toLargeStr;
    40. });
    42. $('#content3').html(template('test3'));
    43. </script>
    44. </html>

    最近，使用artTemplate模板比较频繁，也遇到了一些问题。 使用artTemplate模板的时候，使用{{$index}}只能获取到小写的阿拉伯数字，但是，项目实际需要大写的，类似，"一、二、三、四"这样的数字写法。之前也使用过这个模板，但是并没有遇到这样的需求。更要紧的是模板提供的helper()方法不怎么会用。形势所逼，还是硬着头皮了解一下吧。 如果有同行业遇到这样的问题，在网上搜索的到类似的，那肯定和写的不一样，仔细了解一下吧，代码贴在这儿了。

    1. <!DOCTYPE html>
    2. <html>
    3. <headlang="zh-cn">
    4. <metacharset="UTF-8">
    5. <title>arttemplate</title>
    6. <scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    7. <scriptsrc="template.js"></script>
    8. </head>
    9. <body>
    10. <divid="content3"></div>
    11. <scriptid="test3"type="text/html">
    12. <p>{{numberToChar 11230}}</p>
    14. </script>
    15. </body>
    16. <script>
    17. var toChar =["零","一","二","三","四","五","六","七","八","九"];
    18. var toUnitChar =["","十","百","千","万","亿","万亿","亿亿"];
    19. template.helper('numberToChar',function(number){
    20. var toStr ='', toLargeStr ='';
    21. var toUnitStr =0;
    22. var flag =true;
    23. while(number >0){
    24. var v = number %10;
    25. if(v ===0){
    26. if(!flag){
    27. flag =true;
    28. toLargeStr = toChar[v]+ toLargeStr;
    29. }
    30. }else{
    31. flag =false;
    32. toStr = toChar[v];
    33. toStr += toUnitChar[toUnitStr];
    34. toLargeStr = toStr + toLargeStr;
    35. }
    36. toUnitStr++;
    37. number =Math.floor(number /10);
    38. }
    39. return toLargeStr;
    40. });
    42. $('#content3').html(template('test3'));
    43. </script>
    44. </html>
  • 相关阅读:
    hdu 1240 Asteroids!
    hdu 1253 胜利大逃亡
    hdu 1035 Robot Motion
    hdu 1181 变形课
    hdu 1548 A strange lift
    DFS Sum It Up
    hdu 3278 Catch That Cow
    hdu 1312 Red and Black
    ACM菜鸟
    eclipse新建安卓项目点击finish后窗口无法关闭
  • 原文地址：https://www.cnblogs.com/myprogramer/p/10313090.html
Copyright © 2011-2022 走看看