Tag: ember.js

如何在ember js中清除表单数据

嗨，我是非常新的ember js。 我为新员工输入了一个表格。并通过route.Data发送数据成功保存。 但问题是在表单提交后我的表单数据没有被清除。 代码如下： app.js： App.Router.map(function() { this.resource(‘saveprofile’, { path: ‘/saveprofile/:profiledata’}); }); App.NewprofileController = Ember.ObjectController.extend({ id:”, name: ”, designation: ”, saveProfileAction: function () { profiledata = [{ “id”: this.get(“id”)}, {“name”: this.get(“name”)}, {“designation”: this.get(“designation”)}] pdata = $.ajax({ type: “POST”, dataType: “json”, url: “/saveprofile?profiledata=” +profiledata, data: JSON.stringify(profiledata), dataType: “json”, async: false}).done(function() { $.bootstrapGrowl(“Employee added successfully”, { […]

加载Ember.View的内容时初始化jQuery插件

DEBUG: Ember.VERSION : 1.0.0-rc.6 ember.js DEBUG: Handlebars.VERSION : 1.0.0-rc.4 ember.js DEBUG: jQuery.VERSION : 1.9.1 控制器是Ember.ArrayContoller ，内容通过DS.RESTAdapter加载。 这是我想要的代码，但它永远不会被执行。 我想为一个isLoaded事件的controller.content添加一个观察者。 App.ThumbnailScrollerView = Ember.View.extend({ tagName: “div”, didInsertElement: function() { return this.get(“controller.content”).addObserver(“isLoaded”, function() { return $(“.jThumbnailScroller”).thumbnailScroller(); }); } }); 这个代码被执行，但是对于每个对象，我真的只想要它用于最后一个对象。 controller.content.@each App.ThumbnailScrollerView = Ember.View.extend({ tagName: “div”, didInsertElement: function() { return this.get(“controller.content.@each”).addObserver(“isLoaded”, function() { return $(“.jThumbnailScroller”).thumbnailScroller(); }); } }); 这也永远不会执行。 […]

将带有参数的视图组件渲染到命名的插件ember.js中

我的应用程序模板， slider-area和pre-footer有2个命名sockets。 有没有办法将带有参数的视图组件（如索引模板中显示的main-slider组件）传递给指定的sockets？ 所以我需要将{{main-slider sliders=filteredSlider}}传递到索引模板中的sockets{{outlet “slider-area”}} ？ 我来自rails如此，请原谅我的想法，如果这不是ember的做法。 可以在应用程序模板中指定yield :slider_area ，然后在content_for :slider_area块中包装此区域的任何内容。 在ember中有类似的方法吗？ 的index.html {{panasonic-topbar}} {{outlet “slider-area”}} {{outlet}} {{panasonic-footer}} # Something like {{outlet “slider-area” render main-slider sliders=”filteredSlider}} ? {{main-slider sliders=filteredSlider}} {{partial “social_footer”}} app.js App.IndexController = Ember.ObjectController.extend({ filteredSlider: function(){ return this.get(‘sliders’).filterBy(‘page’, ‘index’); }.property(‘sliders.@each.page’) }); App.IndexRoute = Ember.Route.extend({ model: function() { return Ember.RSVP.hash({ sliders: this.store.find(“slider”) }); } […]

Ember.Select中的绑定动作

我想知道如何绑定Ember中的动作。选择só当用户更改类别时我可以执行其他操作： {{view Ember.Select class=”form-control” id=”PackCategory” content=Categories optionValuePath=”content.categoryId” optionLabelPath=”content.name” value=VendingAdminController.selectedPack.categoryId}} 以及如何将视图指定为目标？ 谢谢

如何使用Ember突出显示当前选定的列？

Ember内置支持在控制器中对数组进行排序，这使得在数据排序顺序更改时更新模板非常方便。 然而，我的问题是如何方便地（1）突出显示当前选择的数据排序列和（2）排序顺序（升序或降序）。 通过突出显示，我的意思是添加向上或向下箭头，或类似的东西。 目前，我正在使用jQuery在视图层中摆弄这个，但我觉得必须有一个更简单的解决方案，因为Ember处理这样的琐碎问题的优雅。

使用emberjs didInsertElement显示两个单独的日历或两个实例jquery fullcalendar插件对象

我有一个使用jquery fullcalendar和emberjs显示的日历对象。 但是，我需要显示单独的第二个日历或另一个jquery fullcalendar实例，但第二个日历到目前为止无法显示。 这是小提琴显示它： http ： //jsfiddle.net/uUWqf/4/ 。 您将在小提琴中看到我尝试两次调用didInsertElement：function（）{}，但它仍然只显示一个日历。 但是，当我使用没有emberjs的jquery fullcalendar时，会显示两个单独的日历： http ： //jsfiddle.net/CH4qa/2/ 。 有没有办法让这个工作。 谢谢你的帮助。

如何使用Express返回格式良好的201？

我正在尝试使用DS.RESTAdapter构建带有ember-cli的DS.RESTAdapter并表达模拟调用。 我得到的问题是，当我尝试保存新的待办事项时，我在控制台中看到了这个错误： SyntaxError: Unexpected end of input at Object.parse (native) at jQuery.parseJSON (http://localhost:4200/assets/vendor.js:8717:22) at ajaxConvert (http://localhost:4200/assets/vendor.js:9043:19) at done (http://localhost:4200/assets/vendor.js:9461:15) at XMLHttpRequest.jQuery.ajaxTransport.send.callback (http://localhost:4200/assets/vendor.js:9915:8) 我很确定问题是当我在新创建的模型上调用save()时，它正在发送一个post请求给/ express表示回复： todosRouter.post(‘/’, function(req, res) { res.status(201).end(); }); 这是在Ember中创建todo的创建动作： actions: createTodo: -> return unless title = @get(‘newTitle’)?.trim() @set(‘newTitle’, ”) @store.createRecord(‘todo’, title: title isCompleted: false ).save() 任何帮助将不胜感激。 我是新来表达并且不确定为什么jquery不喜欢它返回的201。

如何使用EmberJS扩展名称空间

我已经用Javascript编程了一段时间。 最近我制作了一个非常庞大的jQuery项目并应用了这篇精彩文章中描述的模块模式： http ： //www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth 这一切都很好，花花公子，代码看起来很光滑，易于管理，但我觉得它可能会更好。 我花了一天时间寻找一些Javascript框架，主要是： 拥有UI绑定支持 有一个模板系统 可以使用jQuery 帮助我以与模块模式类似的方式组织我的代码 我偶然发现了像AngularJS，KnockOutJS，SpineJS，JavascriptMVC等框架。真正引人注目的 – 并且备受赞誉的是EmberJS。 我决定试一试，但这并不容易。 EmberJS教程的可用性非常有限。 经过很长一段时间的努力，我设法让一些东西运转起来，我喜欢EmberJS的作品！ 只有一件事我似乎无法弄明白 – 这也是我的问题： 如何扩展Ember命名空间（使用Ember.Application.create制作）？ 为了澄清：我的项目的旧版本有一个Core-namespace和一个Util-namespace。 两者都包含其所有其他类可以使用的各自的function。 如何在初始命名空间之上使用具有函数的Core-和Util-命名空间？ 我只是这样做： MyNamespace = Ember.Application.create(); MyNamespace.Core = Ember.Application.create(); MyNamespace.Util = Ember.Application.create(); 或者是其他东西？

更新Ember嵌套模型和模板

我有一个模型支持的模板。 它是具有第一级文件夹的树列表视图。 我有一个动作处理程序，用于更新任何第一级文件夹的子子。 从我需要更新模型的操作，以便在模板中更新子子。 我可以通过使用pushObject直接更新模型来添加另一个第一级文件夹。 如何添加/更新任何父级文件夹的子子节点。 在模板中： Welcome to Ember.js {{outlet}} {{#each item in model}} {{item.foldername}} {{/each}} Add First Level Folder Add Sub Folder 在我的app.js中： App = Ember.Application.create(); App.Router.map(function() { // put your routes here ; }); App.folder = Ember.Object.extend(); App.IndexRoute = Ember.Route.extend({ model: function() { return [{‘foldername’: ‘Folder 1’}, {‘foldername’: ‘Folder 2’}, {‘foldername’: ‘Folder […]

单击下一个表格行后，突出显示行不会消失

我需要在表格行中选择菜单选项的齿轮图标时创建黄色背景，我已尝试使用以下代码突出显示表格行， var view = Core.view.Menu.create({ model: model, menuContext: { ibmm: ibmm }, anchor: this.$(), highlight: this.$().parents(‘tr:first’).css(‘background-color’,’yellow’) }); view.show(); 在使用齿轮图标从表格行（隐藏）中选择菜单时，背景颜色很好。 相应的html文件如下 但是当我移动到下一个表格行（非隐藏）时，过去的表格行颜色仍然是黄色，不会消失。 当我点击该行时，我正在使用以下css代码创建突出显示 table.content-table.highlighted tr.content-row:focus { background: #FFFF99 none 0 0 repeat; } 任何人都可以建议我这个代码。 我正在使用Ember 1.4.0。