0

我正在尝试将 ember js 与 jquery mobile ttps://github.com/LuisSala/emberjs-jqm 一起使用

如何在 ember 工具中扩展自定义视图。我尝试了这样的事情，但没有奏效。

var MobileBaseView = Ember.View.extend({
    attributeBindings:['data-role']
});
module.exports = MobileBaseView;

和

var MobileBaseView = require('MobileBaseView');
var PageView = MobileBaseView.extend({
    'data-role': 'page'
});
module.exports = PageView;

那没起效

*更新* * ** * 在执行主销的建议后（谢谢）。我观察到多级扩展在我的情况下不起作用。

我有

移动基础视图：

var MobileBaseView = Ember.View.extend({
    attributeBindings:['data-role']
});
module.exports = MobileBaseView;

工具栏基本视图： 

var ToolbarBaseView = App.MobileBaseView.extend({

    attributeBindings:['data-position'],
    'data-position': function() {
        if (this.get('isFullScreen')) {
            return 'fullscreen'
        }

        if (this.get('isFixed')) {
            return 'fixed'
        }
        return ''
    }.property('isFixed', 'isFullScreen').cacheable(),
    isFixed: true,
    isFullsScreen: false
});
module.exports = ToolbarBaseView;

和我模板中的一行

{{view App.ToolbarBaseView}}

这项工作很好

但是一旦我再添加一个视图 标题视图

var HeaderView = App.ToolbarBaseView.extend({
    'data-role': 'header'
});
module.exports = HeaderView;

并添加行

{{view App.HeaderView}}

我收到错误 Uncaught TypeError: Cannot call method 'extend' of undefined

解决了

让这个与 ember 应用程序包一起工作

import ToolbarBaseView from 'appkit/views/toolbar_base_view';

var HeaderView = ToolbarBaseView.extend({
    'data-role': 'header'
});

export default HeaderView;
4

1 回答 1

0

解决问题的关键是将其分解为单独的问题。如果您在使用视图时遇到问题，这里有一个视图工作示例

http://emberjs.jsbin.com/OhUFOXe/2/edit

App.CustomView = Ember.View.extend({
  tagName: 'p',
  templateName: 'customView',
  myColor: 'N/A',
  attributeBindings:['data-color'],
  'data-color': 'purple', 
  didInsertElement: function(){
    var col = this.$().data('color');
    this.set('myColor',col);
  }
});

App.OtherCustomView = App.CustomView.extend({
  'data-color': 'green',
  templateName: 'otherCustomView'
});

如果不是视图无法正常工作，那么可能是您的模块框架。视图是否正常工作，只是其中一部分没有被正确注入？

如果框架看起来是正确的，并且正在注入视图（可能是错误的）是 jquery mobile 的问题吗？它是否期望元素不是div？

于 2013-11-03T22:02:39.950 回答