ExtXL是ExtJS的扩展。如果你从未使用过ExtJS或需要了解更多ExtJS的信息,请访问
ExtJS网站.
Ext组件可通过一种固定的方式创建,下面的代码创建了一个面板(Panel):
new Ext.Panel({
title:"MyPanel",
collapsible:true,
items:[{
new Ext.Button({text:"Submit"});
}],
renderTo:"panelDiv"
})
上面的代码创建了一个标题为"MyPanel"的面板,并传如了3个配置项:'collapsible'表明面板是否可收缩,'items'表明面板的下级组件,最后该面板将被渲染到ID为'panelDiv'的Dom节点中。
在ExtXL中,上面的信息将被配置为可读性更高、结构性更强、语义更加明确的XML结构。例如:
<div ext:xtype="panel" ext:title="MyPanel" ext:collapsible="true">
<xml xmlns="http://extxl.sourceforge.net">
<items>
<button text="Submit"></button>
</items>
</xml>
</div>
配置ExtXL的模式为:
一个DOM节点作为根(div或span),它可以包含一个XML子节点(xml),在子节点中可定义更多的下级组件。