[Catalyst] RFC & FYI: HTML::FormFu::ExtJS

Thu Feb 12 15:56:03 GMT 2009

On Thu, 12 Feb 2009 09:42:20 -0600 (CST), Kevin Monceaux
<Kevin at RawFedDogs.net> wrote:
> Moritz,
> 
> On Thu, 12 Feb 2009, onken at houseofdesign.de wrote:
> 
> I wasn't getting an error.  It did partially work.  I know pretty much 
> nothing about ExtJS.  I think [% form %] was only outputting part of the 
> needed JavaScript.  From all the examples I found it looks like the 
> JavaScript in question needed to be in the <head> and my [% form %] was
in 
> the body.  I moved it into a [% head.extra = BLOCK %] ... [% END %]
block, 
> which I use to add things to the <head> section of my wrapper, and think
I 
> almost had the additional JavaScript that was needed right, but couldn't 
> get it to render the form.  And I've since backed out all the ExtJS stuff

> I added to the form.
> 
> I'm leaning towards jQuery.  It's masked input plugin works more like I 
> prefer than any others I've tried so far.  With a quick search I found a 
> WYSIWYG jQuery plugin that I'm trying out now.  After adding the needed 
> .js and .css files to the <head> of the page I added:
> 
>       attributes:
>          class:  wysiwyg
> 
> to the form's TextArea element, and:
> 
> <script type="text/javascript">
> $(document).ready(function() {
>          $('.wysiwyg').wysiwyg();
>      });
> </script>
> 
> to the page and I have a WYSIWYG textarea editor.
> 

Try this in your <head>:

<script>
Ext.onReady(function(){
    var simple = [% form %];
    simple.render(document.body);
});
</script>