0

所以我正在使用 Backbone/CoffeeScript 启动这个新应用程序。我使用的是 Sinatra 的后端，所以我的 Coffeescript 编译器是默认的命令行编译器，它只创建 js 文件。我正在尝试创建一个应用程序，其中有一个其他类继承自的主类。出于某种原因，我遇到了一些错误。这是错误

TypeError: 'undefined' is not an object (evaluating 'n.replace')
TypeError: 'undefined' is not an object (evaluating 'parent.prototype')
TypeError: 'undefined' is not a constructor (evaluating 'new FileApp.UploaderView()')

这是我的基类

class FileApp.Controller extends Backbone.View
template: _.template($('#FileAppTemplate').html())

initialize: (office) ->
    @office = office
    @render()

render:  ->
    # Attach view to DOM
    $('#fileUploaderApp').append(@$el)


bindViews: (uploaderView, fileViewerView, fileDetailView) ->
    @uploaderView = uploaderView
    @fileViewerView = fileViewerView
    @fileDetailView = fileDetailView

这是一个继承类的例子

 class FileApp.FileViewerView extends FileApp.Controller 

template: _.template($('#FileViewTemplate').html())

# 
# render ->
# 
render: ->
    @$el.html(@template)
    # Append to fileViewer Div

    @renderFiles()

# 
# createFiles ->
# 
renderFiles: ->

下面是我的 .erb 文件如何加载每个项目并实例化应用程序。

<script id="namespacing">
    //All backbone classes attach to this variable
    var FileApp={};
</script>

<!-- Underscrore/Backbone -->
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>


<script src="/js/fileUploader/libs/file_app_view.js"></script>
<script src="/js/fileUploader/libs/uploader_view.js"></script>
<script src="/js/fileUploader/libs/file_detail_view.js"></script>
<script src="/js/fileUploader/libs/file_model.js"></script>
<script src="/js/fileUploader/libs/file_viewer_view.js"></script>
<script src="/js/fileUploader/libs/file_view.js"></script>


<div id="fileUploaderApp"></div>

<script>
    $(document).ready(function(){
        var App = new FileApp.Controller();

        // # Create Uploader
        var uploaderView = new FileApp.UploaderView();
        // # Create File Viewer
        var fileViewerView = new FileApp.FileViewerView();
        // # Create File Detail View
        var fileDetailView = new FileApp.FileDetailView();

        App.bindViews(uploaderView, fileViewerView, fileDetailView)
    });
</script>

如果有人能澄清我的问题，那就太好了。

4

2 回答 2

0

尝试这个

@$el.html(@template())

代替

@$el.html(@template)

此外，您需要将参数传递给模板

@$el.html(@template(parameter1: 'value1', parameter2: 'value2'))

通常在您的视图中您有一个模型，如果您的模型是办公室，那么您可以执行以下操作：

@$el.html(@template(var_referencing_office.toJSON()))

这只是一个例子。我不知道你是否通过这个观点。

于 2013-05-10T19:42:24.477 回答
0

我通过将我的 .coffee 文件编译成一个 .js 文件解决了这个问题。似乎继承这只是一个能够看到我试图继承的类的问题。由于 Coffeescript 将所有文件都放在一个闭包中，因此我的类无法访问其他要继承的类。

一开始我尝试使用命名空间来处理它，但每个人都知道使用咖啡脚本是多么容易......

最终，我只制作了一个 .js 文件就解决了这个问题（无论哪种方式都更好）。

如果其他人需要将许多文件编译成一个文件，这里就是我正在使用的 bash 命令。它将文件“app.js”放在当前目录的“libs/”目录中，并从当前目录的“src/”目录编译所有文件。

 coffee --output libs --join app.js --compile --watch src/

感谢其他人的帮助。

于 2013-05-13T13:44:11.990 回答