गाइड: थाइमेलफ + वसंत। भाग 3

पहला भाग
दूसरा भाग

7 सत्यापन और त्रुटि संदेश

हमारे अधिकांश फ़ॉर्म उपयोगकर्ता को उन त्रुटियों के बारे में सूचित करने के लिए सत्यापन संदेश प्रदर्शित करने चाहिए जो उसने किए हैं।

Thymeleaf इसके लिए कई टूल प्रदान करता है: # फील्ड्स ऑब्जेक्ट, th: एरर और th: एररक्लास विशेषताओं में कई कार्य।

7.1 फ़ील्ड त्रुटियाँ

आइए देखें कि हम किसी त्रुटि के लिए किसी विशिष्ट CSS वर्ग को फ़ील्ड में कैसे सेट कर सकते हैं:

<input type="text" th:field="*{datePlanted}" th:class="${#fields.hasErrors('datePlanted')}? fieldError" /> 

जैसा कि आप देख सकते हैं, # फ़ील्ड.हैसर्स (...) फ़ंक्शन एक फ़ील्ड अभिव्यक्ति को एक पैरामीटर ( दिनांकित ) के रूप में प्राप्त करता है और एक बूलियन मान देता है जो दर्शाता है कि क्या इस क्षेत्र के लिए कोई सत्यापन त्रुटियां हैं।

हम इस क्षेत्र के लिए सभी त्रुटियाँ भी प्राप्त कर सकते हैं और उन्हें दोहरा सकते हैं:

 <ul> <li th:each="err : ${#fields.errors('datePlanted')}" th:text="${err}" /> </ul> 

पुनरावृति के बजाय, हम वें का भी उपयोग कर सकते हैं : त्रुटियाँ , एक विशिष्ट विशेषता जो निर्दिष्ट चयनकर्ता के लिए सभी त्रुटियों के साथ एक सूची बनाती है, जिसे <br /> द्वारा अलग किया गया है:

 <input type="text" th:field="*{datePlanted}" /> <p th:if="${#fields.hasErrors('datePlanted')}" th:errors="*{datePlanted}">Incorrect date</p> 

त्रुटि-आधारित CSS स्टाइलिंग: th: एररक्लास

उदाहरण हमने ऊपर देखा, इनपुट फॉर्म के लिए सीएसएस वर्ग की स्थापना, यदि इस क्षेत्र में त्रुटियां हैं, तो यह बहुत आम है कि थाइमेल्फ सटीक निष्पादन के लिए एक विशेष विशेषता प्रदान करता है: th: errorclass ।

प्रपत्र फ़ील्ड टैग (इनपुट, चयन, टेक्सारिया ...) पर लागू होता है, यह किसी भी मौजूदा नाम या वें से फ़ील्ड का नाम जाँचने के लिए पढ़ेगा : फ़ील्ड विशेषताएँ एक ही टैग में, और फिर निर्दिष्ट सीएसएस वर्ग को टैग में जोड़ें, यदि ऐसा कोई फ़ील्ड है कोई संबंधित त्रुटियाँ हैं:

 <input type="text" th:field="*{datePlanted}" class="small" th:errorclass="fieldError" /> 

यदि दिनांकित में त्रुटियां हैं, तो यह इस तरह दिखाई देगा:

 <input type="text" id="datePlanted" name="datePlanted" value="2013-01-01" class="small fieldError" /> 

7.2 सभी त्रुटियां

लेकिन क्या होगा अगर हम फॉर्म में सभी त्रुटियों को दिखाना चाहते हैं? हमें बस स्थिरांक ' * ' या ' सभी ' (जो समतुल्य हैं) के साथ # फ़ील्ड.हैसर्स (...) और # फ़ील्ड्स। वेरर्स (...) अनुरोध करने की आवश्यकता है:

 <ul th:if="${#fields.hasErrors('*')}"> <li th:each="err : ${#fields.errors('*')}" th:text="${err}">Input is incorrect</li> </ul> 

जैसा कि ऊपर के उदाहरणों में, हम सभी त्रुटियों को प्राप्त कर सकते हैं और उन पर पुनरावृति कर सकते हैं ...

 <ul> <li th:each="err : ${#fields.errors('*')}" th:text="${err}" /> </ul> 

... और एक साझा सूची भी बनाएं <br />:

 <p th:if="${#fields.hasErrors('all')}" th:errors="*{all}">Incorrect date</p> 

अंत में, ध्यान दें कि # फ़ील्ड.हैसर्स ('*') # फ़ील्ड्स के बराबर है। एनीयरर्स () , और # फ़ील्ड्स। वेरर्स ('*') # फ़ील्ड्स.ऑलर्स () के बराबर है। आपके द्वारा पसंद किए गए वाक्यविन्यास का उपयोग करें:

 <div th:if="${#fields.hasAnyErrors()}"> <p th:each="err : ${#fields.allErrors()}" th:text="${err}">...</p> </div> 

7.3 वैश्विक त्रुटियां

वसंत के रूप में एक तीसरी प्रकार की त्रुटि है: वैश्विक त्रुटियां। ये त्रुटियां हैं जो फॉर्म में किसी विशिष्ट क्षेत्र से जुड़ी नहीं हैं, लेकिन फिर भी मौजूद हैं।
Thymeleaf इन त्रुटियों तक पहुँचने के लिए एक वैश्विक निरंतरता प्रदान करता है:

 <ul th:if="${#fields.hasErrors('global')}"> <li th:each="err : ${#fields.errors('global')}" th:text="${err}">Input is incorrect</li> </ul> 

 <p th:if="${#fields.hasErrors('global')}" th:errors="*{global}">Incorrect date</p> 

... साथ ही समतुल्य सहायक विधियाँ # फ़ील्ड्स .hasGlobalErrors () और # फ़ील्ड्स .globalErrors () :

7.4 रूपों के बाहर त्रुटियों को प्रदर्शित करना

फ़ॉर्म सत्यापन त्रुटियों को चुनिंदा अभिव्यक्तियों ( * {...} ) के बजाय वेरिएबल्स ( $ {...} ) के बाहर भी प्रदर्शित किया जा सकता है और फॉर्म का समर्थन करने वाले घटक के नाम के लिए एक उपसर्ग:

 <div th:errors="${myForm}">...</div> <div th:errors="${myForm.date}">...</div> <div th:errors="${myForm.*}">...</div> <div th:if="${#fields.hasErrors('${myForm}')}">...</div> <div th:if="${#fields.hasErrors('${myForm.date}')}">...</div> <div th:if="${#fields.hasErrors('${myForm.*}')}">...</div> <form th:object="${myForm}"> ... </form> 

7.5 अमीर त्रुटि वस्तुओं

Thymeleaf गुण फ़ील्ड नाम (स्ट्रिंग), संदेश (स्ट्रिंग) और वैश्विक (बूलियन) के साथ बीन घटकों (सरल तार के बजाय) के रूप में फार्म त्रुटियों के बारे में जानकारी प्राप्त करने की संभावना प्रदान करता है।

ये त्रुटियां # फ़ील्ड्स का उपयोग करके प्राप्त की जा सकती हैं। अनुक्रमणिका () उपयोगिता विधि:

 <ul> <li th:each="e : ${#fields.detailedErrors()}" th:class="${e.global}? globalerr : fielderr"> <span th:text="${e.global}? '*' : ${e.fieldName}">The field name</span> | <span th:text="${e.message}">The error message</span> </li> </ul> 

8 यह अभी भी एक प्रोटोटाइप है!

हमारा आवेदन तैयार है। लेकिन आइए एक और नज़र डालते हैं। html पेज हमने बनाया ...

थाइमेलफ के साथ काम करने का सबसे सुखद परिणाम यह है कि इन सभी कार्यों के बाद जो हमने अपने HTML में जोड़े हैं, हम अभी भी इस HTML को एक प्रोटोटाइप के रूप में उपयोग कर सकते हैं (हम कहते हैं कि यह एक प्राकृतिक टेम्पलेट है )। चलिए बिना हमारे आवेदन को लॉन्च किए सीधे अपने ब्राउज़र में seedstartermng.html खोलें:



यहाँ यह है! यह एक कामकाजी अनुप्रयोग नहीं है, यह वास्तविक डेटा नहीं है ... लेकिन यह पूरी तरह से सही प्रोटोटाइप है जो पूरी तरह से प्रदर्शित HTML कोड से बना है।

9 रूपांतरण सेवा

9.1 विन्यास

जैसा कि पहले बताया गया है, थाइमलेफ आवेदन संदर्भ में पंजीकृत परिवर्तन सेवा का उपयोग कर सकता है। हमारा एप्लिकेशन कॉन्फ़िगरेशन क्लास, मूल स्प्रिंग WebMvcConfigurerAdapter सहायक का विस्तार करते हुए, स्वचालित रूप से एक रूपांतरण सेवा पंजीकृत करेगा जिसे हम आवश्यक फ़ॉर्मेटिंग टूल जोड़कर कॉन्फ़िगर कर सकते हैं। आइए देखें कि यह कैसे दिखता है:

 @Override public void addFormatters(final FormatterRegistry registry) { super.addFormatters(registry); registry.addFormatter(varietyFormatter()); registry.addFormatter(dateFormatter()); } @Bean public VarietyFormatter varietyFormatter() { return new VarietyFormatter(); } @Bean public DateFormatter dateFormatter() { return new DateFormatter(); } 

9.2 डबल ब्रैकेट सिंटैक्स

किसी भी ऑब्जेक्ट को स्ट्रिंग में बदलने / प्रारूपित करने के लिए रूपांतरण सेवा को आसानी से लागू किया जा सकता है। यह डबल कोष्ठक अभिव्यक्ति सिंटैक्स का उपयोग करके किया जाता है:

• चर अभिव्यक्तियों के लिए: $ {{...}}
• एक विकल्प व्यक्त करने के लिए: * {{...}}

इसलिए, उदाहरण के लिए, इंटेगर-टू-स्ट्रिंग कनवर्टर दिया गया, जो हजारों विभाजक के रूप में कॉमा जोड़ता है, यह है:

 <p th:text="${val}">...</p> <p th:text="${{val}}">...</p> 

... में परिणाम होना चाहिए:

 <p>1234567890</p> <p>1,234,567,890</p> 

9.3 रूपों में उपयोग करें

हमने पहले देखा था कि हर वें: फ़ील्ड विशेषता हमेशा ट्रांसफ़ॉर्म सेवा लागू करेगी, इसलिए यह:

 <input type="text" th:field="*{datePlanted}" /> 

... वास्तव में इसके बराबर:

 <input type="text" th:field="*{{datePlanted}}" /> 

ध्यान दें कि वसंत की आवश्यकता के अनुसार, यह एकमात्र परिदृश्य है जिसमें एकल ब्रैकेट सिंटैक्स का उपयोग करके अभिव्यक्तियों में परिवर्तन सेवा लागू की जाती है।

9.4 # रूपांतरण रूपांतरण वस्तु

# रूपांतरण रूपांतरण उपयोगिता ऑब्जेक्ट आपको आवश्यक रूप से रूपांतरण सेवा को मैन्युअल रूप से शुरू करने की अनुमति देता है:

 <p th:text="${'Val: ' + #conversions.convert(val,'String')}">...</p> 

इस सेवा ऑब्जेक्ट का सिंटैक्स है:

• # रूपांतरण.कॉन्वर्ट (ऑब्जेक्ट, क्लास) : ऑब्जेक्ट को निर्दिष्ट क्लास में कनवर्ट करता है
• # रूपांतरण.कॉन्वर्ट (ऑब्जेक्ट, स्ट्रिंग) : ऊपर के समान, लेकिन स्ट्रिंग के रूप में लक्ष्य वर्ग के साथ (ध्यान दें कि java.lang। पैकेज छोड़ा जा सकता है)

टेम्पलेट टेम्पलेट टुकड़े (AJAX आदि) के 10 प्रतिपादन टुकड़े

Thymeleaf अपने निष्पादन के परिणामस्वरूप टेम्पलेट के केवल भाग को प्रस्तुत करने की क्षमता प्रदान करता है: टुकड़ा ।

यह एक उपयोगी घटक उपकरण हो सकता है। उदाहरण के लिए, यह AJAX कॉल पर चलने वाले नियंत्रकों पर उपयोग किया जा सकता है जो उस पृष्ठ के लेआउट के टुकड़े को लौटा सकता है जो पहले से ब्राउज़र में लोड है (चयन को अद्यतन करने के लिए, बटन को चालू / बंद ...)।

फ्रैग्मेंटेड रेंडरिंग को Thymeleaf स्निपेट विनिर्देशों का उपयोग करके प्राप्त किया जा सकता है: ऑब्जेक्ट जो org.thymeleaf.fragment.IFragmentSpec इंटरफ़ेस को लागू करते हैं।

इन कार्यान्वयनों में सबसे आम है org.thymeleaf.standard.fragment.StandardDOMSelectorFragmentSpec , जो आपको DOM चयनकर्ता का उपयोग करके एक टुकड़ा निर्दिष्ट करने की अनुमति देता है, जैसे वें में उपयोग किए गए लोगों में शामिल हैं : th या : बदलें ।

10.1 एक दृश्य बीन में टुकड़े को परिभाषित करना

सेम देखें org.thymeleaf.spring4.view.ThymeleafView वर्ग के सेम हैं जो अनुप्रयोग संदर्भ में घोषित हैं ( बीन एनोटेशन यदि आप जावा कॉन्फ़िगरेशन का उपयोग करते हैं)। वे आपको निम्नानुसार अंश निर्दिष्ट करने की अनुमति देते हैं:

 @Bean(name="content-part") @Scope("prototype") public ThymeleafView someViewBean() { ThymeleafView view = new ThymeleafView("index"); // templateName = 'index' view.setMarkupSelector("content"); return view; } 

बीन की उपरोक्त परिभाषा को देखते हुए, यदि हमारा नियंत्रक एक कंटेंट-पार्ट (उपरोक्त बीन का नाम) देता है ...

 @RequestMapping("/showContentPart") public String showContentPart() { ... return "content-part"; } 

... Thymeleaf केवल उपसर्ग और प्रत्यय लगाने के बाद, सूचकांक टेम्पलेट की सामग्री का टुकड़ा लौटेगा - जिसका स्थान संभवतः /WEB-INF/templates/index.html के समान होगा। इस प्रकार, परिणाम पूरी तरह से सूचकांक को निर्दिष्ट करने के बराबर होगा :: सामग्री :

 <!DOCTYPE html> <html> ... <body> ... <div th:fragment="content"> Only this div will be rendered! </div> ... </body> </html> 

यह भी ध्यान दें कि शक्तिशाली थाइमलेफ लेआउट चयनकर्ताओं के लिए धन्यवाद, हम किसी भी वें में एक टुकड़े के बिना एक टुकड़े का चयन कर सकते हैं : टुकड़ा विशेषताओं। आइए आइडी विशेषता का उपयोग करें, उदाहरण के लिए:

 @Bean(name="content-part") @Scope("prototype") public ThymeleafView someViewBean() { ThymeleafView view = new ThymeleafView("index"); // templateName = 'index' view.setMarkupSelector("#content"); return view; } 

10.2 नियंत्रक के रिटर्न वैल्यू में टुकड़े को परिभाषित करना

व्यू बीन्स घोषित करने के बजाय, टुकड़े को अभिव्यक्ति के सिंटैक्स का उपयोग करके नियंत्रक से परिभाषित किया जा सकता है। जैसे वें में: सम्मिलित करें या वें: विशेषताओं को बदलें ।

 @RequestMapping("/showContentPart") public String showContentPart() { ... return "index :: content"; } 

बेशक, DOM चयनकर्ताओं की पूरी शक्ति फिर से उपलब्ध है, इसलिए हम मानक HTML विशेषताओं, जैसे id = "सामग्री" के आधार पर हमारे टुकड़े का चयन कर सकते हैं:

 @RequestMapping("/showContentPart") public String showContentPart() { ... return "index :: #content"; } 

और हम मापदंडों का उपयोग भी कर सकते हैं जैसे:

 @RequestMapping("/showContentPart") public String showContentPart() { ... return "index :: #content ('myvalue')"; } 

11 उन्नत एकीकरण सुविधाएँ

11.1 RequestDataValueProcessor के साथ एकीकरण

Thymeleaf स्प्रिंग रिक्वेस्टडैटावैल्यूप्रोसेसर इंटरफ़ेस के साथ मूल एकीकृत करता है। यह इंटरफ़ेस आपको लिंक URL को इंटरसेप्ट करने, URL बनाने और फ़ील्ड मान बनाने से पहले उन्हें मार्कअप रिजल्ट पर लिखने की अनुमति देता है, साथ ही पारदर्शी रूप से छिपे हुए फ़ील्‍ड फ़ील्ड भी शामिल करता है, जिसमें सुरक्षा विशेषताएं शामिल होती हैं, जैसे: CSRF के विरुद्ध सुरक्षा (क्रॉस-साइट अनुरोध जालसाजी) ।

RequestDataValueProcessor के कार्यान्वयन को आसानी से एप्लिकेशन संदर्भ में कॉन्फ़िगर किया जा सकता है। यह org.springframework.web.servlet.support.equestDataValueProcessor इंटरफ़ेस लागू करना चाहिए और सेम नाम के रूप में requestDataValueProcessor होना चाहिए:

 @Bean public RequestDataValueProcessor requestDataValueProcessor() { return new MyRequestDataValueProcessor(); } 

... और Thymeleaf इसे इस प्रकार उपयोग करेंगे:

• th: href और th: src call RequestDataValueProcessor.processUrl (...) URL रेंडर करने से पहले
• th: एक्शन कॉल RequestDataValueProcessor.processAction (...) फॉर्म की एक्शन विशेषता को प्रस्तुत करने से पहले, और इसके अलावा यह पता लगाता है कि यह विशेषता <फॉर्म> टैग पर लागू होती है, जो किसी भी स्थिति में एकमात्र जगह होनी चाहिए, और इस मामले में RequestDataValueProcessor.getExtraHiddenFields (... ) और समापन </ form> टैग से तुरंत पहले छिपे हुए फ़ील्ड को जोड़ता है
• th: मान कॉल करता है RequestDataValueProcessor.processFormFieldValue (...) उस मूल्य को आकर्षित करने के लिए जो तब तक संदर्भित होता है, जब तक कि th: फ़ील्ड एक ही टैग में नहीं है (इस मामले में th: फ़ील्ड ध्यान रखेगी)
• th: फ़ील्ड कॉल उस अनुरोध का मान खींचने के लिए RequestDataValueProcessor.processFormFieldValue (...) पर लागू होता है (या टैग का शरीर यदि यह है तो यह textarea है)

ध्यान दें कि बहुत कम परिदृश्य हैं जिनमें आपको अपने आवेदन में RequestDataValueProcessor को स्पष्ट रूप से लागू करना होगा। ज्यादातर मामलों में, यह स्वचालित रूप से सुरक्षा पुस्तकालयों द्वारा उपयोग किया जाएगा जो आप पारदर्शी रूप से उपयोग करते हैं, उदाहरण के लिए, स्प्रिंग सिक्योरिटी का सीएसआरएफ।

11.1 कंट्रोलर्स को URI बिल्डिंग

संस्करण 4.1 के साथ शुरू, वसंत यूआरआई को जानने की आवश्यकता के बिना विचारों से सीधे एनोटेट नियंत्रकों के लिंक बनाने की क्षमता प्रदान करता है, जिससे इन नियंत्रकों को मैप किया जाता है।

Thymeleaf में, यह अभिव्यक्ति # mvc.url (...) का उपयोग करके प्राप्त किया जा सकता है, जो आपको नियंत्रक वर्ग के पूंजी अक्षरों में नियंत्रक विधियों को सेट करने की अनुमति देता है जिसमें वे स्थित हैं, विधि नाम के बाद। यह JSP में कस्टम स्प्रिंग: mvcUrlx (...) फंक्शन के बराबर है।

उदाहरण के लिए, इसके लिए:

 public class ExampleController { @RequestMapping("/data") public String getData(Model model) { ... return "template" } @RequestMapping("/data") public String getDataParam(@RequestParam String type) { ... return "template" } } 

निम्नलिखित कोड विधि संदर्भ बनाएंगे:

 <a th:href="${(#mvc.url('EC#getData')).build()}">Get Data Param</a> <a th:href="${(#mvc.url('EC#getDataParam').arg(0,'internal')).build()}">Get Data Param</a> 

आप इस तंत्र के बारे में http://docs.spring.io/spring-framework/docs/4.1.2.RELEASE/spring-framework-reference/html/mvc.html#mvc-links-to-controllers- पर पढ़ सकते हैं से-बार देखा गया

12 स्प्रिंग वेबफ्लो एकीकरण

Thymeleaf + स्प्रिंग एकीकरण पैकेज में स्प्रिंग वेबफ्लो (2.3+) के साथ एकीकरण शामिल है।

WebFlow में कुछ घटनाओं (परिवर्तन) शुरू होने पर प्रदर्शित पृष्ठ के टुकड़ों को प्रस्तुत करने के लिए कुछ AJAX सुविधाएँ शामिल हैं, और Thymeleaf के लिए इन AJAX अनुरोधों को ट्रैक करने में सक्षम होने के लिए, हमें निम्नानुसार एक और ViewResolver कार्यान्वयन का उपयोग करने की आवश्यकता होगी:

 <bean id="thymeleafViewResolver" class="org.thymeleaf.spring4.view.AjaxThymeleafViewResolver"> <property name="viewClass" value="org.thymeleaf.spring4.view.FlowAjaxThymeleafView" /> <property name="templateEngine" ref="templateEngine" /> </bean> 

... और फिर इस ViewResolver को WebFlow ViewFactoryCreator में कॉन्फ़िगर किया जा सकता है:

 <bean id="mvcViewFactoryCreator" class="org.springframework.webflow.mvc.builder.MvcViewFactoryCreator"> <property name="viewResolvers" ref="thymeleafViewResolver"/> </bean> 

यहाँ से आप अपने व्यू-स्टेट के में Thymeleaf टेम्पलेट्स को परिभाषित कर सकते हैं:

 <view-state id="detail" view="bookingDetail"> ... </view-state> 

उपरोक्त उदाहरण में, BookDetail सामान्य रूप से निर्दिष्ट एक Thymeleaf टेम्पलेट है, जो TemplateEngine में कॉन्फ़िगर किए गए किसी भी टेम्पलेट रिज़ॉल्वर के लिए समझा जा सकता है।

स्प्रिंग वेबफ्लो में 12.2 AJAX स्निपेट

ध्यान दें कि यह केवल यह बताता है कि स्प्रिंग वेबफ्लो के साथ उपयोग के लिए AJAX टुकड़े कैसे बनाएं। यदि आप WebFlow का उपयोग नहीं कर रहे हैं, तो एक स्प्रिंग एमवीसी नियंत्रक का निर्माण करना जो AJAX अनुरोध का जवाब देता है और HTML का एक टुकड़ा लौटाता है, किसी भी अन्य नियंत्रक को बनाने में उतना ही सरल है जो एक टेम्पलेट को लौटाता है, एकमात्र अपवाद है कि आप इस तरह एक टुकड़ा को वापस करने की संभावना रखते हैं " :: "नियंत्रक" अपने नियंत्रक विधि से।

WebFlow आपको इस तरह के उदाहरण के लिए <रेंडर> टैग के साथ AJAX के माध्यम से प्रतिपादन को परिभाषित करने की अनुमति देता है:

 <view-state id="detail" view="bookingDetail"> <transition on="updateData"> <render fragments="hoteldata"/> </transition> </view-state> 

ये टुकड़े (इस मामले में होटलडाटा ) अंक के साथ अंकन में इंगित टुकड़े की अल्पविराम से अलग सूची हो सकती है: सुगंधित :

 <div id="data" th:fragment="hoteldata"> This is a content to be changed </div> 

हमेशा याद रखें कि इन स्निपेट में एक आईडी विशेषता होनी चाहिए ताकि ब्राउज़र में चल रहे स्प्रिंग जावास्क्रिप्ट लाइब्रेरीज़ मार्कअप की जगह ले सकें।

आप डोम चयनकर्ताओं का उपयोग करके <रेंडर> टैग भी निर्दिष्ट कर सकते हैं:

<दृश्य-राज्य आईडी = "विस्तार" दृश्य = "बुकिंगडेल">
/>

</ देखें राज्य>

... और इसका मतलब है कि वें: टुकड़े की कोई आवश्यकता नहीं है:

 <div id="data"> This is a content to be changed </div> 

कोड के लिए जो अद्यतनडाटा संक्रमण चलाता है, यह इस तरह दिखता है:

 <script type="text/javascript" th:src="@{/resources/dojo/dojo.js}"></script> <script type="text/javascript" th:src="@{/resources/spring/Spring.js}"></script> <script type="text/javascript" th:src="@{/resources/spring/Spring-Dojo.js}"></script> ... <form id="triggerform" method="post" action=""> <input type="submit" id="doUpdate" name="_eventId_updateData" value="Update now!" /> </form> <script type="text/javascript"> Spring.addDecoration( new Spring.AjaxEventDecoration({formId:'triggerform',elementId:'doUpdate',event:'onclick'})); </script>