bootstrap-editable-rails

by bootstrap-ruby

In-place editing with Twitter Bootstrap for Rails

208 Stars 51 Forks Last release: Not found MIT License 40 Commits 9 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Bootstrap Editable Rails

In-place editing with Twitter Bootstrap for Rails 3/4

This gem is based on X-editable (v1.5.1) which is the new version of Bootstrap Editable.

https://github.com/vitalets/x-editable

Demo & Documents

See http://vitalets.github.com/x-editable

Installation

Add this line to your application's Gemfile:

gem 'bootstrap-editable-rails'

And then execute:

$ bundle

Usage

JavaScript & Stylesheet

Write the top of

app/assets/javascripts/application.js
like this:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-editable
//= require bootstrap-editable-rails
//= require_tree .

and need to load

bootstrap-editable.css
at the place where you like.

HTML

Follow the documents of X-editable above.

Additional required attribute is

resource
.
superuser

then, sends

PUT /posts/1
request with the body:
post[username]=superuser

When using

textarea
type,
textarea_format
helper method for formatting line breaks is available.



Controller

PostsController receives the parameters

{ "id" => "1", "post" => { "username" => "superuser" } }

and must respond with 2xx (means success) status code if successful.

For example, scaffold works well by 204 because default dataType is json.

def update
  @post = Post.find(params[:id])

respond_to do |format| if @post.update_attributes(params[:post]) format.html { redirect_to @post, notice: 'Post was successfully updated.' } format.json { head :no_content } # 204 No Content else format.html { render action: "edit" } format.json { render json: @post.errors, status: :unprocessable_entity } end end end

Note

The scaffold above will not work with jQuery 1.9.0 (included in jquery-rails 2.2.0) because of jQuery's bug.

https://github.com/jquery/jquery/pull/1142

If you use the old version of jQuery, please update jquery-rails to avoid it.

Contributing

  1. Fork it
  2. Create your feature branch (
    git checkout -b my-new-feature
    )
  3. Commit your changes (
    git commit -am 'Add some feature'
    )
  4. Push to the branch (
    git push origin my-new-feature
    )
  5. Create new Pull Request

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.