Coder Social home page Coder Social logo

simple-select2's Introduction

simple-select2

A simple select2 ajax helper

You can use it to avoid loading too much select options on your form field.

How to use it

Using simple-form and slim:

Slim view:

  = simple_form_for @user do |t|
    = t.hidden_field :id, class: 'select2-user-name'

Javascript:

  Select2.initialize({
    elem: $(".select2-user-name"),
    attribute_name: 'name',
    placeholder: "Type the user name",
    ajax_url: "/app/get_users_by_name",
    multiple: false
  });

Make sure your controller responds to the 'attribute_name' param, your Rails controller could be something like:

  def get_users_by_name
    teams = User.where('name ILIKE(?)', "%#{params[:name]}%")

    users_hash = users.map { |t| { id: t.id, name: t.name } }

    render json: users_hash
  end

simple-select2's People

Contributors

waldofe avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.