Question

我正在开发一个具有以下设置的SpineJs应用程序：帖子（基本上是聊天室），每个帖子中都有多条消息，就像文本消息流，甚至是聊天室流。我在使Spine.List功能工作时遇到了问题，但我怀疑我做得不对......

我创建了控制器和视图的要点：https://gist.github.com/coolbox/6880967

post.main.coffee

Spine   = require('spine')
$       = Spine.$

# Models
Post       = require('models/post')
Session    = require('models/session')
Message    = require('models/message')

class Show extends Spine.Controller
  className: 'show content-area'

  events:
    'submit form': 'submit'

  elements:
    '.messages' : 'messages'

  constructor: ->
    super
    @html require('views/posts/show')
    @active @change

    @list = new Spine.List
      el: @messages
      template: require('views/messages/message')
      selectFirst: true

    @list.bind 'change', @render

    Post.bind 'refresh', @render
    Message.bind 'create', @change

  render: =>
    return if !@postId
    @post = Post.exists(@postId)

    if @post
      messages = @post.messages
      @list.render(messages)

    @html require('views/posts/show')(@post)

  change: (params) =>
    if params.id != @postId
      @postId = params.id

    if Session.first()
      Post.fetch
        id: @postId

    @render()

  submit: (e) =>
    e.preventDefault()
    message = Message.fromForm(e.target)
    message.save()


class Main extends Spine.Stack
  className: 'main stack'

  controllers:
    show: Show

module.exports = Main

show.eco

<ul class='messages'></ul>

<div class='footer'>
  <form class='new-message'>
    <input type="hidden" name="post_id" value="<%= @id %>">
    <textarea name='body' placeholder='Type your message here…' autofocus='autofocus'></textarea>
    <input type='submit' value='Send'>
  </form>
</div>

message.jeco

<li class='item'>
  <%= @body %>
</li>

您将能够看到属于Post的'messages'被包含在Post对象中的对象数组中。我怀疑是因为消息不是Spine对象，所以它们不适用于我的Spine.list。如果是这样，我最好的选择是什么？

作为一个抬头，我没有在控制台中出现任何错误，除了我的一些其他nav点之外，屏幕上没有任何内容呈现。

非常感谢任何帮助。感谢。

Spine.List不在视图中呈现

0 个答案: