Rails%203%20In%20Action

302 CHAPTER 11 Tagging
get there pretty soon. The second is that there’s no unique identifier for the element
rendered by app/views/tags/_tag.html.erb, which makes removing it from the page
exceptionally difficult with JavaScript. Let’s add a unique identifier now and remove
the element.
11.4.3 Actually removing a tag
You’re removing a tag’s association from a ticket, but you’re not yet showing people
that it has happened on the page. You can fix the second of your aforementioned
problems by changing the span tag at the top of this partial to be this:
This will give the element a unique identifier, which you can use to locate the element
and then remove it using JavaScript. Currently for the remove action, you’re rendering
nothing. Let’s now remove the render :nothing => true line from this action,
because you’re going to get it to render a template.
If a request is made asynchronously, the format for that request will be js, rather
than the standard html. For views, you’ve always used the html.erb extension, because
HTML is all you’ve been serving. As of now, this changes. You’re going to be rendering
a js.erb template, which will contain JavaScript code to remove your element. Let’s
create the view for the remove action in a file called app/views/tags/remove.js.erb, and
fill it with this content:
$('#tag-').remove();
This code will be run when the request to the remove action is complete. It uses the
jQuery library’s $ function to locate an element with the id attribute of tag-this-tagmust-die
and then calls remove() 3 on it, which will remove this tag from the page.
When you run your feature using bin/cucumber features/deleting_tags
.feature, you see that it now passes:
1 scenario (1 passed)
11 steps (11 passed)
Awesome! With this feature done, users with permission to tag on a project will now
be able to remove tags too. Before you commit this feature, let’s run rake cucumber
:ok spec to make sure everything is ok:
56 scenarios (55 passed)
619 steps (619 passed)
# and
39 examples, 0 failures, 19 pending
That’s awesome too! Commit and push this:
git add .
git commit -m "Added remove tag functionality"
git push
3 http://api.jquery.com/remove/.