StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POMark the current detail entry in a master list
text
Body
copied!<p>I have a list of users which are displayed in a master view on the left side (Twitter Bootstrap CSS). Details of each user can be shown by clicking the <code>show</code> button. They will be displayed on the right side (detail). </p> <p>How can I remove the <code>show</code> button for the currently displayed user? e.g. <code>#/users/1</code> shouldn't render the <code>show</code> button for the first user.</p> <p><strong>index.html</strong></p> <pre><code><script type="text/x-handlebars" data-template-name="users"> <div class='row'> <div class='span4'> <table class='table table-striped'> {{#each model}} <tr> <td>{{lastName}}</td> <td>{{#linkTo 'user' this}}<button class="btn" type="button">show</button>{{/linkTo}}</td> </tr> {{/each}} </table> </div> <div class='span8'> {{outlet}} </div> </div> </script> <script type="text/x-handlebars" data-template-name="user"> <h1>{{firstName}} {{lastName}}</h1> </script> </code></pre> <p><strong>app.js</strong></p> <pre><code>App = Ember.Application.create(); App.Store = DS.Store.extend({ revision: 12, adapter: 'DS.FixtureAdapter' }) App.Router.map(function() { this.resource('users', function() { this.resource('user', { path: ':user_id' }) }) }); App.UsersRoute = Ember.Route.extend({ model: function() { return App.User.find(); } }); App.User = DS.Model.extend({ firstName: DS.attr('string'), lastName: DS.attr('string') }) App.User.FIXTURES = [{ id: 1, firstName: "Bill", lastName: "Clinton" }, { id: 2, firstName: "Barack", lastName: "Obama" }] </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload