3

我正在尝试从我的主干视图执行 jsp 代码。我从我的 Html 调用服务器端 api,如下所示

index.jsp(sample.js包含在这个jsp中)

%@ page contentType="text/html;charset=UTF-8"
         import="foo.*,java.util.List"

%>
<%

            Foo foo = new Foo();
            List<XYZ> xyzList = foo.getList();

%>

我正在使用骨干框架。我的js代码如下。

示例.js

SampleView = Backbone.ModalView.extend(
        {
        name: "SampleView",
        model: SomeModel,
        templateHtml : "<div ><span>Search </span>" +
                "<table border='1'>"+
                "<thead>"+
                "<tr>"+
                        "<td></td>"+
                        "<th>header1</th>"+
                        "<th>header2</th>"+
                        "<th>header3</th>"+
                "</tr>"+
                "</thead>"+
                "<tr>"+
                     "<% for(XYZ xyz: xyslist ){   %>"+
                     "<td><input type='checkbox' value='<%= xyz.getName()%>'></td>"+
                     "<td name='selected'><%= xyz.getName()%></td>"+
                     "<td></td>"+
                     "<td></td>"+
                    "<% } %>"+
                "</tr>"+
                "<tr>"+
                "<td><input type='checkbox' value='test'></td>"+
                     "<td name='selected'>test</td>"+
                     "<td></td>"+
                     "<td></td></tr>"+
                "</table><button id='select'>Select</button></div>",


                initialize: function(){
                _.bindAll( this, "render");
                                this.template = _.template( this.templateHtml);
                        },
        events: {
                "click #select": "select"
                        },
                select: function(){
                         //implementation

                },        
        render: function(){
                                $(this.el).html( this.template());
                return this;
            }
    });

问题是,它不执行jsp代码。它仅显示硬编码的“测试”复选框,不会从服务器端检索列表。如果我在这里遗漏了什么,你能告诉我吗?谢谢。

4

2 回答 2

2

JSP 中使用的 <% 和 %> 标记也被下划线模板引擎使用。当您没有任何变量要提供时,为什么要在视图中使用模板?

在尝试运行您的代码时,下划线模板引擎给了我一个“意外标识符”,因为 <% 和 %> 不包含有效的 JavaScript 代码供它处理。

代替

$(this.el).html( this.template());

你应该直接插入 HTML 字符串,像这样

$(this.el).html(this.templateHtml);
于 2012-10-02T05:05:09.023 回答
1

您已经使用 Underscore.js 更改了 _.templateSettings

例如 {{ your_variable }} 和没有更多 <%= yourVariable %>

_.templateSettings = {
    interpolate: /\{\{(.+?)\}\}/gim,
    evaluate: /\{\{(.+?)\}\}/gim,
    escape: /\{\{\-(.+?)\}\}/gim
};

var Auto =  Backbone.Model.extend     defaults: {
        color : 'red',
        name  : 'ferrari',
        year  : 2008
    }
});

var AutoView = Backbone.View.extend({
    tagName : 'li',

    template: _.template('<strong>'
        +'{{ year }}</strong>{{ name }}'),

    initialize : function(){
        this.render();
    },

    render : function(){    
        this.$el.html( this.template( this.model.toJSON() ) );
    }
});

var auto = new Auto();
var autoView = new AutoView({model:auto});
于 2014-05-11T11:35:48.420 回答