Tag: ember.js

EmberJS使用视图处理DOM事件

我想使用视图切换单个表单（见下图）。 我的代码基本上工作，当我添加新的formset它添加一个空括号到json然后我打印出json使用eachloop 查看模板 {{#each view.anotherField}} {{action ‘toggleView’ ‘toggleViews’ target=’view’}} … {{#unless view.toggleViews}} …content to toggle… {{/unless}} 查看控制器？ actions: { showMoreFields: function(){ this.get(‘anotherField’).pushObject({name: ”}); ， toggleView: function(param){ this.toggleProperty(param); } 在这个给定的图片中你可以看到ive切换组织视图到真实我想要的只是切换点击的部分而不是所有的表格。 有解决方案吗？ 干杯， 克里斯蒂安·

Ember.js Ember.View didRender活动

我构建了一个ember.js应用程序，它也与其他一些jQuery插件相关联。 我有一些表单字段，我需要在呈现视图时调用jQuery插件。 我已经尝试挂钩到didInsertElement ，但显然绑定表单字段的值在插入时没有分配。 视图完全呈现或绑定初始化时是否存在回调？ 即。 MyView: Ember.View.extend #Boaring normal stuff here didInsertElement: -> $(‘.some-class’).doSomething() 和 {{view Ember.TextField valueBinding=”someField” class=”some-class”}} 不起作用，因为.some-class的值尚未设置。 我不想使用setTimeout并创建竞争条件。

EmberJS如何处理transitionTo

当输入搜索查询并按下回车按钮或单击提交按钮时，我有以下代码调用transitionToRoute（’search’）。 但是，我的路由器仍然不会在模板中显示searchQuery： You searched for: “{{searchQuery}}” 搜索某些内容时，url看起来像http://www.example.com/#/search/[object Object] （这对我来说似乎不对）。 （完整代码可以在以下url查看： http ： //jsfiddle.net/Mn2yy/1/ ）这是相关代码： 模板： {{view Ember.TextField valueBinding=”search” action=”doSearch”}} {{outlet}} Search {{#linkTo “home”}}Homepage{{/linkTo}} You searched for: “{{searchQuery}}” 应用控制器： MyApp.ApplicationController = Ember.Controller.extend({ // the initial value of the `search` property search: ”, doSearch: function() { // the current value of the text field var query = […]

Ember app无法从本地文件加载json数据

我一直在关注ember快速入门指南来创建一个显示一些数据的应用程序（ https://guides.emberjs.com/v2.13.0/getting-started/quick-start/ ），而不是只显示一个javascript数组科学家的名字，我想显示以下json的产品。 我已将json文件放在公用文件夹中。 看起来像： { “products”: [ { “_id”: “58ff60ffcd082f040072305a”, “slug”: “apple-tree-printed-linen-butterfly-bow-tie”, “name”: “Apple Tree Printed Linen Butterfly Bow Tie “, “description”: “This fun 40 Colori Apple Tree Printed Linen Butterfly Bow Tie features a design of various apple trees built from tiny polka dots. The back of this bow tie features a polka […]

HTTP标头设置授权标头停止加载数据

我正在使用Ember.js，Ember Simple Auth插件和jQuery使用ajax发送Authorization标头跨域。 设置Authorization标头时： jqXHR.setRequestHeader(‘Authorization’, ‘Bearer ‘ + session.get(‘authToken’)); 然后我得到一个飞行前OPTIONS请求到REST URL，然后我返回以下标题： $headers->set(‘Access-Control-Allow-Origin’, ‘http://subdomain2.domain.com’); $headers->set(‘Access-Control-Allow-Methods’, ‘GET,PUT,POST,DELETE,OPTIONS’); $headers->set(‘Access-Control-Allow-Headers’, ‘Content-Type, Authorization, Accept’); $headers->set(‘Access-Control-Max-Age’, 10); $headers->set(‘Content-Length’, 0); 在Chrome网络监视器中，此OPTIONS请求返回成功。 然后当GET请求出现在飞行前OPTIONS请求之后， GET请求就会挂起或至少在网络监视器中说(pending) ： 如果我在几秒钟之后刷新页面，页面将显示，但它在OPTIONS调用后不会立即显示。 当我使用Access-Control-Max-Age标头并增加缓存时间时，我可以在再次发送OPTIONS调用之前刷新很多次，这意味着页面将显示正常。 只有当OPTIONS调用在挂起后立即带有GET时才会出现。 当我直接在浏览器中加载url时，它显示JSON数据就好了。 即使我使用Chrome扩展程序Postman并手动设置Authorization标头与jQuery请求相同，它仍然可以正常加载数据（尽管我不认为Postman模拟跨域请求）。 知道为什么GET请求仍然未决并且没有返回任何错误或标题？

在EmberJS中进行AJAX GET和POST调用的正确方法

我已经开始研究EmberJS，我非常喜欢它。 它确实有学习曲线，但我相信它具有基本上非常有意义的原则。 我的问题是如何在Ember JS中进行GET和POST调用。 我知道有模型/商店，但模型（在我看来）只对特定实体的属性。 对以下问题的任何想法都会很棒。 1. USER A send friend request to USER B. Should there be a “Request” model? And do I just make a POST request? 2. Some arbitrary data needs to be returned for the page. Not particularly of a model. Should I still make a model for that? For use […]

Ember对移动设备方向的操作更改

我的任务是使用一个ember网站并使其对移动设备做出响应。 其中一个问题是他们使用一个组件来绘制图形（d3）。 当父容器发生更改时，不会重新呈现图形。 在桌面显示器上并没有太多问题，但在移动设备上，绘制的图形在纵向和横向之间是截然不同的。 我想知道是否有办法在窗口设备方向更改上附加一个余烬观察者，无论是通过jquery还是常规的javascript？

防止从触发按钮输入键

我有一个搜索输入框，当用户按下输入时无需任何操作。 我正在使用EmberJS和Jquery以及下面的代码。 目前它可以禁止弹出窗口被触发但由于某些原因在IE9中按下输入时切换按钮变为焦点。 适用于Chrome。 我已经尝试过tabindex和preventDefault，但这两种方法都没有。 if ($el.hasClass(‘form-control’)) { if ( e.which == 13) { this.get(‘controller’).flipit(); } } 谢谢。 编辑 – – – 这是我的页面的片段。 当用户在搜索框中按Enter键时，右侧的按钮将突出显示。 我该如何防止这种情况？

砌体不适用于Ember中的无限滚动

我正在尝试使用Jquery Masonry为我的图片库无限滚动。 砌体只适用于路线中的图像。 但是在将新图像对象推送到imagesarrays之后， 新图像出现在Dom但是砌体不起作用。 我见过Ember.js – jQuery-masonry +无限滚动并试过但我的代码仍无法正常工作。 图片库路线： App.ImggalleryRoute = Ember.Route.extend({ model: function(){ return { images: [ { name: “car”, src_path: “0dbf51ac84e23bd64d652f94a8cc7a22.png”, img_visible: true }, { name: “block”, src_path: “3b7bca99e44b3f07b4051ab70d260173.png”, img_visible: true }, … ] }; } }); imagegallery.hbs模板： {{#each img in images itemController=”galleryimage”}} {{#if img.img_visible}} {{/if}} {{/each}} 图库清单： App.ImggalleryView = Ember.View.extend({ templateName: […]

如何在Ember.js RC2中的索引模板中的元素上运行一些JS

我正在编写一个Ember.js应用程序，我希望在视图渲染后立即在带有类navbar的div上运行以下Javascript代码： $(‘.navbar’).affix({offset: -1000}); 我不知道有什么方法可以在Ember中轻松完成，因为标准的JQuery $(document).ready()不适用于Ember应用程序。 必须有一些简单的方法来做到这一点，但这个问题的所有其他答案似乎都是复杂的解决方法，并且基于过时的Ember.js版本。 问题模板： {{outlet}}