Tag: ember.js

第二个下拉列表没有调用EveryTime基于First下拉: 我有两个使用ember的下拉列表。如果更改第一个下拉值而不是每次调用第二个下拉值，我都会面临问题。在这里，我添加了完整的代码。请告诉我这段代码我做错了什么 Welcome to Ember.js {{outlet}} {{view “select” content=model prompt=”Please select a name” selectionBinding=”controllers.comboBox.model” optionValuePath=”content.title” optionLabelPath=”content.body” }} {{input type=”hidden” value=controllers.comboBox.model.title id=”comboval”}} {{view “select” content=model1 prompt=”Please select a name” optionValuePath=”content.title” optionLabelPath=”content.title” }} Selected: {{controllers.comboBox.model.title}} app.js App = Ember.Application.create({ }); App.Router.map(function () { }); App.IndexRoute = Ember.Route.extend({ model: function () { return posts; } }); […]

如何使用Ember将新模板动态插入DOM？: 我有一个Ember.js应用程序。在主模板中，我有一个帮助按钮，单击时应显示CSS工具提示。我有工具提示是一个单独的Handlebars模板。我正在尝试做的是处理click事件以将弹出窗口插入DOM并显示它。我无法弄清楚如何使用Ember将新模板插入DOM。这是我的模板，其中显示帮助按钮：这是我的主要观点： var checkbox = Ember.Checkbox.extend({ templateName: ‘checkbox’, helpClicked: function(e) { // Not sure what to do here } })); var tooltip = Ember.View.extend({ templateName: ‘tooltip’ }); 所以我不确定在事件处理程序中做什么来呈现工具提示模板并将其注入要显示的DOM中。

EmberJS TypeError：对象＃没有方法’拒绝’: 我用ember设置了这个应用程序，我收到了这个奇怪的消息： TypeError：对象＃没有方法’拒绝’ 这是我的EmberJS应用程序配置： App = Ember.Application.create(); App.Store = DS.Store.extend({ revision: 12, adapter: DS.RESTAdapter.extend({ url: ‘http://localhost:8080’, namespace: ‘6b86b273ff34fce19d6b804eff5a3f5747ada4eaa22f1d49c01e52ddb7875b4b’ }) }); App.Router.map(function() { this.resource(‘collections’); }); App.IndexRoute = Ember.Route.extend({ redirect: function(){ this.transitionTo(‘collections’); } }); App.CollectionsRoute = Ember.Route.extend({ model: function(){ return App.Collection.find(); } }); App.Collection = DS.Model.extend({ name: DS.attr(‘string’), createdAt: DS.attr(‘date’) }); 有任何想法吗？ 🙁

推迟删除视图，以便对其进行动画处理: 假设我有一个显示基于属性的视图的模板： {{#if App.contentsAreVisible}} {{view ToggleContents}} {{/if}} 通过设置App.set(“contentsAreVisible”, [true/false]);通过UI的任意数量的其他部分切换此区域App.set(“contentsAreVisible”, [true/false]); 一切正常。但是，我现在想要在切换视图时进行动画处理。挂钩到didInsertElement可以显示区域的动画，但我不能在willDestroyElement执行相同操作，因为在动画有机会运行之前，该函数一返回就会删除该元素。 App.ToggleContents = Ember.View.extend({ // this works fine didInsertElement: function(){ this.$().hide().show(“slow”); }, // this doesn’t work willDestroyElement: function(){ this.$().hide(“slow”, function(){ // animation is complete, notify that the element can be removed }); } }); 有没有办法告诉视图推迟从DOM中删除元素，直到动画完成？这是一个互动示例的小提琴： http ： //jsfiddle.net/rlivsey/RxxPU/

Ember.js和jQuery Sortable。如何解决变形脚本: 我有一个ember.js应用程序，我想使用jquery ui的可排序小部件。我的观点看起来像 {{#each content}} {{title}} {{/each}} 排序工作正常，直到其中一个绑定需要更新。问题是每个都被ember臭名昭着的变形标签所包围。查看此图像中生成的实际DOM 有没有一种简单的方法可以让这两个人很好地一起玩？有没有办法迫使视图重新绘制？在触发sortable deactivate事件之后，我可以轻松地实现它。

我可以在EmberJS上使用JQuery Mobile吗？: 我想在我的移动应用程序的前端使用JQuery mobile，但我需要一个JavaScript MVC框架来完成后端集成，我正在考虑使用EmberJS。是否有这种集成的指南？我应该避免任何陷阱？作为参考，我最初来自Sencha Touch 2.0背景。

在Ember-cli中使用jquery: 我对Ember.js和Ember-cli都比较陌生，非常感谢在自定义视图中使用jquery工具提示。所有代码都在下面，但是当我注入模板时，我收到以下控制台错误： [Error] TypeError: ‘undefined’ is not a function (evaluating ‘Ember.$().tooltip()’) 我在名为tooltip.js的文件中使用自定义视图： import Ember from ’ember’; export default Ember.View.extend({ tagName: ‘span’, title: ‘The tooltip title’, html: true, placement: ‘top’, didInsertElement: function(){ Ember.$().tooltip({“html”: this.get(‘html’), “title”:this.get(‘title’), “placement”:this.get(‘placement’), container: ‘body’}); } }); 相关的模板代码是： {{#view “tooltip” titleBinding=”item” placement=”right”}}{{/view}} 我该如何解决这个问题？

Ember.js可拖动和可放置的jqueryUI / native拖放mixin: 我需要创建具有拖放和排序function的项目。因此可以将项目拖动到另一个项目中。我已经看到了一些通过mixin进行拖动的解决方案，并使用这个mixin创建一个可拖动的视图，然后通过droppable mixin从droppable创建另一个视图。但我需要每个项目/视图都具有可拖动，可放置和可排序的function。请任何人告诉我通过mixins或子类化或…的最佳方法吗？我也可以创建一个jqueryUi mixin作为基础mixin，然后在创建可拖动，可放置和可排序的mixins时使用mixin？这可能吗？是最好使用jqueryUI或html5拖放api或其他东西？谢谢Rick的帮助

如何将日期选择器或任何常规jQuery插件添加到Ember-CLI应用程序: 所以我想尝试将pikaday日期选择器添加到Ember-CLI应用程序。我的/app/views/calendar-view.js有以下内容 import Ember from ’ember’; export default Ember.TextView.extend({ modelChangedValue: function(){ console.log(this.get(‘value’)); }.observes(“value”), didInsertElement: function(){ currentYear = (new Date()).getFullYear(); formElement = this.$()[0]; picker = new Pikaday({ field: formElement, yearRange: [1900,currentYear+2] }); this.set(“_picker”, picker); }, willDestroyElement: function(){ picker = this.get(“_picker”); if (picker) { picker.destroy(); } this.set(“_picker”, null); } }); 我的主要问题是如何将插件本身添加到ember-cli中？这是pikaday的github链接： https ： //github.com/dbushell/Pikaday 更具体地说，我认为这部分可能很重要，因为Ember-CLI使用AMD： https […]

如何定期更新Ember的模型（例如在setInterval中）？: 我有一个Ember应用程序，其模型来自Ajax调用。第一个调用工作得很好，我有Ember.Route的模型钩子返回一个Ajax调用的promise，它检索要显示的数据。但是这个数据在后端经常发生变化，我想让webapp定期轮询服务器，比如每5秒轮询一次，然后更新或甚至更好地将模型数据与新检索的数据完全交换。用Ember.js做这件事的合适方法是什么？我是Ember的新手，所以我对此感到有些失落。