@partial method to keep using space-pen syntax on instance about space-pen HOT 6 CLOSED

I saw maybe too late that the documentation has the View.render method. However when I try:

class TableView extends View
  @content: ->
    @table =>
      @tbody outlet: 'body'
  update_rows: (rows) ->
    for row in rows
      @body.append @row(row)
  row: (row) ->
    View.render ->
      @tr =>
        @td row[0]
        @td row[1]

I get an error:
TypeError: element[0].getAttribute is not a function
and when using console.log @row(row) I get Object[<TextNode textContent="12">] with 1 and 2 being row[0] and row[1]

from space-pen.

A quick glance, it looks like you have a naming issue with row. Maybe try this:

class TableView extends View

  @content: ->
    @table =>
      @tbody outlet: 'body'

  updateRows: (rows) ->
    @body.append @renderRow(row) for row in rows

  renderRow: (row) ->
    View.render ->
      @tr =>
        @td row[0]
        @td row[1]

from space-pen.

Your comment looked quite promising but i'm still having this issue.
For the moment Im working with the class approach.
By the way I'm using the #29 code since this is supposed to work in any browser.

from space-pen.

This definitely seems like a bug on quite a few elements. For example:

View.render(function(){ return this.span(); });   // [<span>​</span>​]
View.render(function(){ return this.ol(); });     // [<ol>​</ol>​]
View.render(function(){ return this.time(); });   // [<time>​</time>​]

View.render(function(){ return this.tr(); });     // []
View.render(function(){ return this.td(); });     // []
View.render(function(){ return this.tfoot(); });  // []
View.render(function(){ return this.thead(); });  // []
View.render(function(){ return this.tbody(); });  // []
View.render(function(){ return this.col(); });    // []

from space-pen.

My guess is that tables are poorly supported by the standard AKA webkit (not space-pen's problem) and for this to run without an ugly hack would be difficult (and probably hinder the performance).

Sadly our designer is strict on this "Grids are for layouts. Tabulated data belongs to a table."

I'll try to find where the bug happens and see if a solution is possible while keeping the performance level.

from space-pen.

Solved in pull request #34

from space-pen.