?
一、
<div id="toolbar" ui:id="toolbar" ui:cid="T0001" cls="" ui:postion="l:10px;r:10px;b:10px;t:10px;w:120px;h:120px">
<div id="condiot" ui:id="contbar" ui:cid="C0001">
<div id="grid" ? ?ui:id="grid" ? ?ui:cid="G0001">
?
二、
<script src="toolbar.js">
<script src="condiot.js">
<script src="grid.js">
?
?
<div id="toolbar" ?cls="">
<div id="condiot" >
<div id="grid">
?
<script>
?? ? var toobar = new Toolbar("toolbar",{cid:"T0001"});
?? ? var?condiot = new Condiot("condiot",{cid:"C0001"});
?? ? var?grid= new Grid("condiot",{cid:"G0001"});
</script>
?
两种开发模式
?
明显第一种比较不错，配置好，结构也紧凑
还可以根据 ui 分析进行按需加载,进一步简化了web的开发
?
前提，UI组件一定要写好,扩展性还要充分考虑