【网页-JQuery插件】MustacheJs实现内循环生成代码及扩展可使用IFELSE

1.实现内循环生成代码

在数据结构定义一个名称rows 是自定义

var data={ rows:[{name:"小红"},{name:"小明"} ] };

模板引擎 在用{{#***}} {{/***}}区域内实现 
 {{#rows}}

     <td style="text-align:center;">{{Name}}</td>

 {{/rows}}

2.扩展可使用IF ELSE

获取数据后 把定制函数 跟 返回数据合并。
  var customFun = {
                        "ActivatedText": function () {
                            if (data.IsActivated) {
                                return '是';
                            } else {
                                return '否';
                            }                            
                        },
                        "ActivatedCss": function () {
                            if (data.IsActivated) {
                                return 'success';
                            } else {
                                return 'warning';
                            }
                        }

                    };
                    var exData = $.extend({}, data, customFun);
模板内 的替换内容是种 死方法
<span class="label label-{{ActivatedCss}}">{{ActivatedText}}</span>




猜你喜欢

转载自blog.csdn.net/cracklibby/article/details/80111799