Nexaweb에서 Dojo 기반 새 제품인 dojo.E를 출시했습니다: XML 기반의 마크업을 통해 Ajax를 사용할 수 있도록 해줍니다. 이 때의 마크업은 XML, HTML 심지어 CSS도 가능합니다.

dojo.E Markup
dojo.E Markup은 개발자들이 그들의 dojo 컴포넌트를 직접적으로 dojo 클래스로 변환되는 간단한 마크업 언어를 사용함으로써 기술할 수 있도록 합니다. 예를 들어, dojo의 버튼을 선언한다고 하면, 둘 중 하나는 이렇게 가능합니다;
[code:xml]
<div dojoType=”dijit.form.Button” label=”Hello, world”/>
JavaScript를 사용하면, new dijit.form.Button(htmlElement, “Hello, World”); 와 같습니다.

dojo.E Markup은 다음과 같이 개발자들이 버튼을 기술할 세번째 방법을 제공합니다:
[code:xml]
<script type=“text/xml” dojoType=“dojoe.XmlScript”>
   <ui xmlns:dijit=“dijit”>
        <dijit :form.Button label=“Hello, World!”
           onclick=“alert(’It works!’)”/>
    </ui>
</script>

dojo.E Runtime런타임은 HTML DOM을 수정하거나 dojo 컴포넌트를 더 쉽게 하는 추가 마크업을 제공합니다.
[code:xml]
<xm :xmodify document=”ui”>
        </xm><xm :append select=”//widget.SortList”>
                <li>{0}</li>
        </xm>
위의 xModify 문법은 <li>{0}</li>태그를 dojo.SortList 컴포넌트에 추가하는 dojo.E 런타임을 가리킵니다. 이 경우의 select 구문은 XPath 구문이며 CSS 셀렉터는 아닙니다. 실제 샘플에서 서 위의 코드는 개발자들이 "{0}"을 파라미터화 할 수 있도록 하고 개발자가 "Add" 버튼을 클릭했을 때 xModify 코드를 실행하는 "Macro"로 감싸집니다.

아래와 같은 할 일 목록 예제를 보여주는 라이브 에디터를 시연해보실 수 있습니다.
[code:js]
<declarations>
        <dojoe :Macro id="add" xmlns:dojoe="dojoe">
        <![CDATA[
        <xm:xmodify xmlns="html" xmlns:xm="dojoe" xmlns:dijit="dijit" document="ui">
                <xm :append select="//widget.SortList ">
                        <li>{0}</li>
                </xm>
      
        ]]>
        </dojoe>
</declarations>
<ui xmlns:dijit="dijit" xmlns:dojox="dojox" xmlns="html">
        <div id="input_container">
                <span>ToDo:</span>
                <input style="width: 184px; margin-left:3px;" id="textbox" type="text" class="input_tbx" value="Item"/>
                <input class="button" type="button" value="Add" onclick="dojoe.containers.macro.get('add').execute(document.getElementById('textbox').value);" />
        </div>
        <div id="list_container">
                <dojox :widget.SortList  title="SortList From Markup" style="width:300px; height:150px;">
                        <li>A. Download and Install the dojo.E</li>
                        <li>B. Build dojo.E Application</li>
                        <li>C. Profit</li>
                </dojox>
        </div>
</ui>
from Nexaweb announces dojo.E markup and runtime on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0