Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
  
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
​
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  
    <meta charset="utf-8" />
​
    <!-- Set the viewport width to device width for mobile -->
    <meta name="viewport" content="width=device-width" />
    <title>Demo</title>
    <style>
        .main-container{
            width:800px;
            margin:0px auto;
        }
    </style>
</head>
<body>
​
<script type="text/x-handlebars">
    <script type="text/x-handlebars">
    
    {{view AS.ClientSelectView }}
   
</div>
</script>
  
  <script src="http://emberpress.eviltrout.com/js/vendor/handlebars-1.0.0-rc.4.js"></script>
<script src="http://emberpress.eviltrout.com/js/vendor/ember-1.0.0-rc.6.js"></script>
  
  <script src="http://builds.emberjs.com.s3.amazonaws.com/ember-data-0.13.js"></script>
</body>
</html>
​
 
AS = Ember.Application.create({
    LOG_VIEW_LOOKUPS: true,
    LOG_ACTIVE_GENERATION: true
});
​
AS.Client = Ember.Object.extend({
    id: null,
    name: null
});
​
AS.SelectedClient = Ember.Object.extend({
    clientChanged:function(){
        alert("something");
    }.observes('client')
});
​
AS.customerController = Ember.ArrayController.create({
    content:[AS.Client.create({"id":null,"name":"---Select a client---"}),AS.Client.create({"id":1,"name":"Someone"})]
});
​
​
AS.ClientSelectView = Ember.Select.extend({
    contentBinding:"AS.customerController",
    selectionBinding:"AS.SelectedClient.client",
    optionLabelPath : "content.name",
    optionValuePath : "content.id",
    change: function () {
          alert(AS.SelectedClient.client.get('name'));
    }
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dshresthapro
0viewers