Asssign Batmanjs model option to a select element

Given the following js model:

class MyApp.Post extends Batman.Model
  @encode options

Given the server side json (generated with rabl):

object @post
attributes :id, :category
node(:categories) {
  Category::OPTIONS.map{ |option| { id: option, name: I18n.t(option) } }
}

And finally the binded view (haml):
# This binds the selected value to the model object
%select{ "data-bind" => "post.category" }
# Iterate over categories
%option{ "data-foreach-category" =>"post.categories",
# id as the value
"data-bind-value" => "category.id",
# name as the title
"data-bind" => "category.name",
# Selects the default received from the server (if any, for example when editing the model)
"data-bind-selected" => "category.basis"

github.com

Bonyiii

Say thanks

Last edit

About 10 years ago

Keywords

batmanjs

Add custom nested translation path to a rails engine

In your engine's engine.rb file add these line:

module MyEngine
  class MyEngine < Rails::Engine
    config.before_initialize do                                                      
      config.i18n.load_path += Dir["#{config.root}/conf...

ActiveRecord chaining multiple union with Arel

It seems chain uinon with union is possible with newer versions of Arel. But i currently stucked with 3.0.2 so this is what i come up with:

beer = Beer.arel_table
union1 = Beer.where(name: "Oberon").union(Beer.where(name: "Two Hearted"))...

Batmanjs Custom View

class App.AutocompleteView extends Batman.View
  html: "<input type='text' />"
  autocompleteSource: -> []
  viewDidAppear: ->
    # I had to replace @node (as it is in the official documentation) to @node.firstChild since that...

Posted by Bonyiii to Bonyiii's deck (2014-04-02 20:50)

Asssign Batmanjs model option to a select element

Related cards: