15 Jun 06 Ajax Rocks, jMaki Rocks, ainda mais se eu não precisar me preocupar com javascript :D

Ajax é a nova onda do momento, agora, vamos combinar, ter que programar em javascript ninguem merece …
Se você também pensa parecido comigo, ja temos algumas opções, o Google Web Toolkit, é uma delas, e teremos uma palestra sobre esta opção no evento do RSJUG semana que vem, podem se inscrever por aqui, em breve eu atualizarei a grade de palestras aqui no blog:D
Também tem um monte de bibliotecas em Javascript.
mas como eu disse, meu negócio não é escrever javascript.
Acabei de encontrar um projeto muito legal no java.net, o jMaki, ele me permite utilizar componentes Ajax e um monte de coisas legais do Javascript em aplicações JSP 2.0 e JSF 1.1 sem passar trabalho nenhum com javascript.

deem uma olhadinha na imagem a baixo:

Todo o código necessário para criar isto é o código abaixo:

<%@ taglib prefix="a" uri="http://java.sun.com/jmaki-jsf" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<h2>Dojo Fish Eye List Test</h2>
<hr>

<script type="text/javascript">
function  load_app(arg){
alert(arg);
}
</script>
<f:view>
<a:ajax id="teste" type="dojo" name="dojo.fisheye" >
<div class="outerbar">
<div dojoType="FisheyeList"
    itemWidth="50" itemHeight="50"
    itemMaxWidth="200" itemMaxHeight="200"
    orientation="horizontal"
    effectUnits="2"
    itemPadding="10"
    attachEdge="top"
    labelEdge="bottom"
    enableCrappySvgSupport="false"
    id="teste">
    <div dojoType="FisheyeListItem" onClick="load_app(1);"
        iconsrc="images/icon_browser.png" caption="Web Browser">
    </div>

    <div dojoType="FisheyeListItem" onClick="load_app(2);"
        iconsrc="images/icon_calendar.png" caption="Calendar">
    </div>

    <div dojoType="FisheyeListItem" onClick="load_app(3);"
        iconsrc="images/icon_email.png" caption="Email">
    </div>

    <div dojoType="FisheyeListItem" onClick="load_app(4);"
        iconsrc="images/icon_texteditor.png" caption="Text Editor">

    </div>

    <div dojoType="FisheyeListItem" onClick="load_app(5);"
        iconsrc="images/icon_update.png" caption="Software Update">
    </div>

    <div dojoType="FisheyeListItem" onClick="load_app(6);"
        iconsrc="images/icon_users.png" caption="Users" >
    </div>
</div>
</div>
</a:ajax>
</f:view>

verifiquem a praticamente falta completa de JavaScript, e esta é uma página JSF comum, fora os DIVs utilizados para formatar o menu.

E existem um monte de outros componentes disponiveis:

• Componente para Chat
• Componente de Bookmark via RSS, com exemplo utilizando o Del.Icio.Us
• Um browser para imagens
• DHTMLGoodies

• Sodoku
• Tooltip

Scriptaculous

• Auto complete
• Editor in place

Google

• Google Map
• Google Search

Spry Acordion (parecido com a barra lateral do Outlook)

Yahoo

• Calendar
• Tree
• Vertical Slider

Dojo

• ComboBox
• Data picker
• Combo Box Data Picker
• Fish Eye List (do exemplo a cima)
• inline editor
• Tree

E alguns outros, e tudo isto sem se preocupar com Javascript quase nenhum …
Tudo bem que a integração com JSF não é assim, noosa que maravilha, por exemplo eu não tenho como colocar no onclick de um item do fisheye uma action do JSF, mas mesmo assim ja ta bem mais fácil de usar isto

Quam quiser dar mais uma olhadinha no projeto, é só seguir para a página deles.
A aplicação de exemplo deles é excelente

Se você gostou deste post, lembre-se de assinar o RSS feed do blog, para ser notificado de novos posts!

Tags: Dia a Dia, dia-dia, Java