自定义ListView Row，无法再选择行

发布于 2024-10-11 03:29:39 字数 975 浏览 2 评论 0原文

这是我的 ScrollView：

 middle: SC.ScrollView.design({
  layout: { top: 36, bottom: 32, left: 0, right: 0 },
  backgroundColor: '#ccc',

  contentView: SC.ListView.design({
    contentBinding: 'Spanish.wordsController.arrangedObjects',
    selectionBinding: 'Spanish.wordsController.selection',
    contentValueKey: "word",
    contentDisplayProperties: 'word english'.w(),
    selectOnMouseDown: YES,

    exampleView: Spanish.CustomListItemView

  })
})

这是我的自定义 listView 行：

Spanish.CustomListItemView = SC.View.extend({
  render: function(context, firstTime){
    var content = this.get('content');

    var word = content.get('word');
    var english = content.get('english');

    context = context.begin().push('&nbsp;%@ (%@)'.fmt(word,english)).end();
    return sc_super();
  }
});

上面的内容按预期工作，只是我无法再选择视图。当我注释掉“exampleView：Spanish.CustomListItemView”时，我可以选择行，但它们的格式不再正确。为什么使用 exampleView 时无法再选择行？

原文

Here's my ScrollView:

 middle: SC.ScrollView.design({
  layout: { top: 36, bottom: 32, left: 0, right: 0 },
  backgroundColor: '#ccc',

  contentView: SC.ListView.design({
    contentBinding: 'Spanish.wordsController.arrangedObjects',
    selectionBinding: 'Spanish.wordsController.selection',
    contentValueKey: "word",
    contentDisplayProperties: 'word english'.w(),
    selectOnMouseDown: YES,

    exampleView: Spanish.CustomListItemView

  })
})

and here is my custom listView row:

Spanish.CustomListItemView = SC.View.extend({
  render: function(context, firstTime){
    var content = this.get('content');

    var word = content.get('word');
    var english = content.get('english');

    context = context.begin().push(' %@ (%@)'.fmt(word,english)).end();
    return sc_super();
  }
});

The above works as expected, except that I can no longer select views. When I comment out "exampleView: Spanish.CustomListItemView" I can select rows, but they are no longer formatted properly. Why can I no longer select rows when I use exampleView?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

居里长安 2024-10-18 03:29:39

相反，子类化 SC.ListItemView。

删除 return sc_super(); 行。

将 context = context.begin().push(' %@ (%@)'.fmt(word,english)).end(); 行更改为：

context.push(' %@ (%@)'.fmt(word,english));

它应该可以工作现在。

Subclass SC.ListItemView instead.

Remove the return sc_super(); line.

Change the context = context.begin().push(' %@ (%@)'.fmt(word,english)).end(); line to:

context.push(' %@ (%@)'.fmt(word,english));

It should work now.

回复收藏 0 原文

下壹個目標 2024-10-18 03:29:39

在获得 IRC 的帮助后，我进行了以下更改，解决了问题：

Spanish.CustomListItemView = SC.ListItemView.extend({
  render: function(context, firstTime){
    var content = this.get('content');

    var word = content.get('word');
    var english = content.get('english');

    context.push(' %@ (%@)'.fmt(word,english));
  }

});

我对错误的类进行了子类化（请注意第一行）

After getting help on IRC, I made the following changes which fixed the problem:

Spanish.CustomListItemView = SC.ListItemView.extend({
  render: function(context, firstTime){
    var content = this.get('content');

    var word = content.get('word');
    var english = content.get('english');

    context.push(' %@ (%@)'.fmt(word,english));
  }

});

I was subclassing the wrong class (note the first line)

回复收藏 0 原文

~没有更多了~