CoffeeScript Application Development

Making an asynchronous request

Let's start building our new feature! We'll add some CSS to style our new page element:

#pet_information .more {
  color: gray;
}

#pet_information .more p {
  border: 1px solid #CCC;
  border-left: none;
  border-right: none;
  padding: 1em 0;
  margin-top: 2em;
}

#pet_information .more a {
  color: #194900;
}

We'll trigger a lookup from PetListView whenever a new pet is selected from the list:

selectPet: (petIndex, element) ->
  petView = @views[petIndex]
  @renderToElement "pet_information",
    petView.formattedDescription()
  petView.renderExtraContent()

We need to add a container element to the bottom of the content rendered by our PetView:

formattedDescription: -> "<h2>#{@pet.name}</h2>" + "<h3 class='breed'>#{@pet.breed} " + "(#{@pet.age ...