Changeset 240 for trunk/grails-app/taglib

Timestamp:

Mar 5, 2010, 5:26:05 PM (11 years ago)

Author:

duh

Message:

• added ajaxOnChange parameter support for <wizard:...> elements. ajaxOnChange now performs an ajaxSubmit to the current form. Usefull for handeling select changes and dynamic forms. When using the ajaxOnChange attribute you can also add the 'url', 'update' and 'afterSuccess' parameters. In your webflow the action is triggered that you put in the ajaxOnChange argument.
• example:

<wizard:templateElement name="template" description="Template" value="${study?.template}" entity="${dbnp.studycapturing.Subject}" ajaxOnChange="switchTemplate" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()" >

The template to use for this study

</wizard:templateElement>

Will submit on change, triggering the 'switchTemplate' action in your current webflow:

on("switchTemplate") {

println params

}.to "study"

File:

• trunk/grails-app/taglib/dbnp/studycapturing/WizardTagLib.groovy (modified) (4 diffs)

trunk/grails-app/taglib/dbnp/studycapturing/WizardTagLib.groovy

@@ -112 +112 @@
 
         /**
+         * generate a ajax submit JavaScript
+         * @see WizardTagLib::ajaxFlowRedirect
+         * @see WizardTagLib::baseElement (ajaxSubmitOnChange)
+         */
+        def ajaxSubmitJs = { attrs, body ->
+                // define AJAX provider
+                setProvider([library: ajaxProvider])
+
+                // got a function name?
+                def functionName = attrs.remove('functionName')
+                if (functionName && !attrs.get('name')) {
+                        attrs.name = functionName
+                }
+
+                // generate an ajax button
+                def button = this.ajaxButton(attrs, body)
+
+                // strip the button part to only leave the Ajax call
+                button = button.replaceFirst(/<[^\"]*\"jQuery.ajax/,'jQuery.ajax')
+                button = button.replaceFirst(/return false.*/,'')
+
+                // change form if a form attribute is present
+                if (attrs.get('form')) {
+                        button = button.replaceFirst(/this\.form/,
+                                "\\\$('" + attrs.get('form') + "')"
+                        )
+                }
+
+                out << button
+        }
+
+        /**
          * generate ajax webflow redirect javascript
          *
@@ -130 +162 @@
          * update = the divs to update upon success or error
          *
+         * OR: to generate a JavaScript function you can call yourself, use 'functionName' instead of 'name'
+         *
          * Example initial webflow action to work with this javascript:
          * ...
@@ -145 +179 @@
          */
         def ajaxFlowRedirect = { attrs, body ->
-                // define AJAX provider
-                setProvider([library: ajaxProvider])
-
-                // generate an ajax button
-                def button = this.ajaxButton(attrs, body)
-
-                // strip the button part to only leave the Ajax call
-                button = button.replaceFirst(/<[^\"]*\"jQuery.ajax/,'jQuery.ajax')
-                button = button.replaceFirst(/return false.*/,'')
-
-                // change form if a form attribute is present
-                if (attrs.get('form')) {
-                        button = button.replaceFirst(/this\.form/,
-                                "\\\$('" + attrs.get('form') + "')"
-                        )
-                }
-
                 // generate javascript
-                out << '<script language="JavaScript">'
+                out << '<script type="text/javascript">'
                 out << '$(document).ready(function() {'
-                out << button
+                out << ajaxSubmitJs(attrs, body)
                 out << '});'
                 out << '</script>'
@@ -199 +216 @@
                 def addExampleElement = attrs.remove('addExampleElement')
                 def addExample2Element  = attrs.remove('addExample2Element')
+
+                // got an ajax onchange action?
+                def ajaxOnChange = attrs.remove('ajaxOnChange')
+                if (ajaxOnChange) {
+                        if (!attrs.onChange) attrs.onChange = ''
+
+                        // add onChange AjaxSubmit javascript
+                        attrs.onChange += ajaxSubmitJs(
+                                [
+                                        functionName: ajaxOnChange,
+                                        url: attrs.get('url'),
+                                        update: attrs.get('update'),
+                                        afterSuccess: attrs.get('afterSuccess')
+                                ],
+                                ''
+                        )
+                }
 
                 // execute inputElement call