HI,
I have written some components using OM. I would like to these components
on the same web page as follows:
1. menu-table-header
2. menu-table
3. menu-table-button
The following is my prototype code. In my om/root can display only one
component and I am looking for how can I show multple om components.
(def app-state
(atom
{:menus
[
{:name "menu1" :kind "category1"}
{:name "menu2" :kind "category2"}
{:name "menu3" :kind "category3"}
{:name "menu4" :kind "category2"}
]
}))
(defn menu-table-header
[app owner]
(reify
om/IRender
(render [this]
(dom/div
nil
(dom/ul #js {:className "nav-tabs nav"}
(dom/li #js {:className "active"}
(dom/a #js {:href "#"} "menu1")
)
(dom/li nil
(dom/a #js {:href "#"} "menu2")
)
(dom/li nil
(dom/a #js {:href "#"} "menu3")
)
)
(dom/h2 #js {:className "text-center"} "mwnu4"
)
)
)))
(defn menu-row
[app owner]
(reify
om/IRender
(render [this]
(dom/tr nil
(dom/td nil (:name app))
(dom/td nil (:kind app))
)
)
)
)
(defn menu-table
[app owner]
(reify
om/IRender
(render [this]
(dom/div
nil
(dom/table
#js {:className "table table-striped"}
(dom/thead nil
(dom/tr nil
(dom/th nil "menu")
(dom/th nil "category")
))
(apply dom/tbody
nil
(om/build-all menu-row (:menus app))
))))))
(defn menu-table-button
[app owner]
(reify
om/IRender
(render [this]
(dom/div
#js {:className "input-append"}
(dom/button {:className "btn btn-lg" :typw "button"} "register")
(dom/button {:className "btn btn-lg" :typw "button"} "change")
(dom/button {:className "btn btn-lg" :typw "button"} "delete")
(dom/button {:className "btn btn-lg" :typw "button"} "copy")
)
)))
(om/root
menu-table
app-state
{:target (. js/document (getElementById "app"))})
Thanks,
Makoto
--
Note that posts from new members are moderated - please be patient with your
first post.
---
You received this message because you are subscribed to the Google Groups
"ClojureScript" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/clojurescript.
