StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
12518146
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-09-20T17:56:05.323
FavoriteCount
0
LastActivityDate
2012-09-20T17:56:05.323
LastEditDate
LastEditorUserId
0
OwnerUserId
942802
ParentId
9024279
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
I know this is a bit of an older question, but here's my shot (since there still doesn't appear to be an ajax multiSelect in the latest snapshots), and I could see it coming in handy You can base it off of the regular ajaxSelect. The main changes are: <ol> <li>You have to extract all the values and submit them (the form submission is just regular urlEncoded postParams), but this is the most unclear if you are just glancing at how to do this.</li> <li>You have to change the default value to a Seq[String] (this also requres changing the test to see if selected should be set)</li> <li>You have to decide whether you want the callback on change or on blur. In my example, I'll make it onblur, but you could make it configurable. <pre><code> private def ajaxMultiSelect_*(opts: Seq[(String, String)], deflt: Seq[String], jsFunc: Box[Call], func: AFuncHolder, attrs: ElemAttr*): Elem = { val optionSelect = """function(funcName, element) { | var postData = "" | var i = 0; | var k = 0; | for (k = 0; k < element.length; k++) { | if (element[k].selected) { | if (i == 0) | postData = funcName + '=' + encodeURIComponent(element[k].value); | else { | postData = postData + '&' + funcName + '=' + encodeURIComponent(element[k].value); | } | i++; | } | } | return postData; |}""".stripMargin val raw = (funcName: String, value: String) => JsRaw(optionSelect + "('" + funcName + "'," + value + ")") val key = formFuncName val vals = opts.map(_._1) val testFunc = LFuncHolder(in => in.filter(v => vals.contains(v)) match {case Nil => false case xs => func(xs)}, func.owner) fmapFunc((testFunc)) { funcName => (attrs.foldLeft(<select multiple="multiple">{opts.flatMap {case (value, text) => (<option value={value}>{text}</option>) % selected(default.contains(value)))}}</select>)(_ % _)) % ("onblur" -> (jsFunc match { case Full(f) => JsCrVar(key, JsRaw("this")) & deferCall(raw(funcName, key), f) case _ => makeAjaxCall(raw(funcName, "this")) })) } } </code></pre></li> </ol> This should be working, but I didn't test it. If I have time, I'll test it and see if I can get it (and its overloads) added to the master branch. Good Luck! -Austen
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POLift Ajax multi select box
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USAusten Holmes
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.