如何在Ember js中设置默认值

公斤

使用下面的代码,我创建了Ember View。

<script type="text/x-handlebars">
        <h2>Welcome to Ember.js</h2>    
        {{outlet}}
    </script>    
<script type="text/x-handlebars" data-template-name="index">    
    <div>
        {{view  "select"  content=model    prompt="Please select a name"  selectionBinding="controllers.comboBox.model"  optionValuePath="content.title" optionLabelPath="content.body"  }}
    </div>
    <div>
      {{view  "select"   content=model1    prompt="Please select a name"  optionValuePath="content.title"  optionLabelPath="content.title" }}
    </div>      
</script>

App.Js

App = Ember.Application.create({

});

App.Router.map(function () {

});

App.IndexRoute = Ember.Route.extend({
    model: function () {
        return posts;
    }
});

App.IndexController = Em.ArrayController.extend({
    needs: ["comboBox"],
    sendValueToServer: function () {       
        document.getElementById("comboval").value = this.get("controllers.comboBox.model.title");
    }.observes("controllers.comboBox.model"),


    model1: function () {   

        var valueq = this.get('controllers.comboBox.model.title');
        console.log("value "+valueq);      
        return posts1;  
    }.property("controllers.comboBox.model")
});

App.ComboBoxController = Em.Controller.extend({
    model: null,
});

App.ComboBox1Controller = Em.Controller.extend({
    model1: null,  
});
posts = [{
    title: "Raja",
    body: "There are lots of à la carte software environments in this world."
}, {
    title: "Broken Promises",
    body: "James Coglan wrote a lengthy article about Promises in node.js."
},
{
title: "Broken",
body: "James Coglan wrote a lengthy article about Promises in node.js."
}

];


posts1 = [{
    title: "Raja",
    body: "There are lots of à la carte software environments in this world."
}, {
    title: "Broken Promises",
    body: "James Coglan wrote a lengthy article about Promises in node.js."
},
{
    title: "Broken",
    body: "James Coglan wrote a lengthy article about Promises in node.js."
}

];

上面的代码使用Prompt,我正在显示“请选择名称”默认值。

但最初我不希望请选择一个名称默认值。

我的要求是将第二个值显示为默认值。

我怎样才能做到这一点。

与此处提到的问题相关联,“第二个”下拉列表不基于“第一个”下拉列表调用EveryTime

要设置默认值,只需要将值设置为特定下拉列表的bound属性。

http://emberjs.jsbin.com/loqivasova/1/edit

js

App.ComboBoxController = Em.Controller.extend({
    model: posts[0],
});

但是,如果还需要根据此默认值修改第二个下拉菜单,则只需将其添加on("init")setComboBox1Model1函数中,

js

  setComboBox1Model1:function(){
    var valueq = this.get('controllers.comboBox.model.title');
    var valueFromPosts1 = posts1.findBy("title",valueq);
    this.set("controllers.comboBox1.model1",valueFromPosts1?valueFromPosts1:null);
  }.observes("controllers.comboBox.model").on("init")

http://emberjs.jsbin.com/jogaqinugi/1/edit?html,js,输出

如果需要在渲染视图后设置该值,则应使用一个视图

js

App.IndexView = Em.View.extend({
  setDefaulValue:function(){

    this.set("controller.controllers.comboBox.model",posts[0]);
  }.on("didInsertElement")
});

http://emberjs.jsbin.com/qugefipefi/1/edit?html,js,输出

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Ember js中设置默认值

来自分类Dev

如何在selectize.js中设置默认值?

来自分类Dev

如何在Vue.js的Dropdownlist中设置默认值

来自分类Dev

如何在angularjs中设置范围变量的默认值

来自分类Dev

如何在angularjs中设置选择框的默认值

来自分类常见问题

如何在react-select中设置默认值

来自分类Dev

如何在选择标签中设置默认值?

来自分类Dev

如何在mongodb中设置整数的默认值?

来自分类Dev

如何在ng-options中设置默认值

来自分类Dev

如何在Eve中设置默认值?

来自分类Dev

如何在Scala中设置功能参数的默认值

来自分类Dev

如何在comboBox javafx中设置默认值?

来自分类Dev

如何在SQLAlchemy中为关系设置默认值?

来自分类Dev

如何在<v-select>中设置默认值?

来自分类Dev

如何在tkinter的组合框中设置默认值?

来自分类Dev

如何在JSP的下拉列表中设置默认值?

来自分类Dev

如何在表单中设置默认值

来自分类Dev

如何在指令中设置选择框的默认值

来自分类Dev

如何在模型中设置属性的默认值?

来自分类Dev

如何在下拉JavaScript中设置默认值

来自分类Dev

如何在angularjs中为select设置默认值

来自分类Dev

如何在字典python列表中设置默认值?

来自分类Dev

Angular JS指令:如何设置选定值或默认值

来自分类Dev

如何为Ember Data中的所有数据类型设置默认值?

来自分类Dev

在Ruby中,如何为嵌套哈希设置默认值?

来自分类Dev

C#-如何在组合框datagridview中的表中将值设置为默认值?

来自分类Dev

使用AWS CLI时如何在JMESPath查询中为空值设置默认值?

来自分类Dev

C#-如何在组合框datagridview中的表中将值设置为默认值?

来自分类Dev

如何在SQL中设置默认值以便在数据库中显示

Related 相关文章

  1. 1

    如何在Ember js中设置默认值

  2. 2

    如何在selectize.js中设置默认值?

  3. 3

    如何在Vue.js的Dropdownlist中设置默认值

  4. 4

    如何在angularjs中设置范围变量的默认值

  5. 5

    如何在angularjs中设置选择框的默认值

  6. 6

    如何在react-select中设置默认值

  7. 7

    如何在选择标签中设置默认值?

  8. 8

    如何在mongodb中设置整数的默认值?

  9. 9

    如何在ng-options中设置默认值

  10. 10

    如何在Eve中设置默认值?

  11. 11

    如何在Scala中设置功能参数的默认值

  12. 12

    如何在comboBox javafx中设置默认值?

  13. 13

    如何在SQLAlchemy中为关系设置默认值?

  14. 14

    如何在<v-select>中设置默认值?

  15. 15

    如何在tkinter的组合框中设置默认值?

  16. 16

    如何在JSP的下拉列表中设置默认值?

  17. 17

    如何在表单中设置默认值

  18. 18

    如何在指令中设置选择框的默认值

  19. 19

    如何在模型中设置属性的默认值?

  20. 20

    如何在下拉JavaScript中设置默认值

  21. 21

    如何在angularjs中为select设置默认值

  22. 22

    如何在字典python列表中设置默认值?

  23. 23

    Angular JS指令:如何设置选定值或默认值

  24. 24

    如何为Ember Data中的所有数据类型设置默认值?

  25. 25

    在Ruby中,如何为嵌套哈希设置默认值?

  26. 26

    C#-如何在组合框datagridview中的表中将值设置为默认值?

  27. 27

    使用AWS CLI时如何在JMESPath查询中为空值设置默认值?

  28. 28

    C#-如何在组合框datagridview中的表中将值设置为默认值?

  29. 29

    如何在SQL中设置默认值以便在数据库中显示

热门标签

归档