Miniui是一套基于jquery中比较优秀的前端框架，本人在不少项目上用过EXTJS,EasyUI,QUI等。Miniui的前端代码写得非常简洁，对开发人员要求也低，甚至者只需要能写前端Html及EL的工程师即可。Miniui目前是商业版本，需要购买授权

{id:"user",text:"用户管理"},{id:"lists",text:"Lists",pid:"user"},{id:"datagri

<divid="toolbar1"class="mini-toolbar"style="padding:2px;">. <aclass="mini-menubutton

expanded表示此节点处于折叠状态。当用户点击"+"图标时，会自动加载下一级节点，此时会把当前节点id传递到后台，也可以拦截加载事件，增加额外属性：。服务端通过request获取"id"属性后，加载此节点的下一级

expanded表示此节点处于折叠状态。当用户点击"+"图标时，会自动加载下一级节点，此时会把当前节点id传递到后台，也可以拦截加载事件，增加额外属性：。//判断节点，是否有子节点。如果有，则处理isLeaf和expanded。

没有设置url。<ulid="tree3"class="mini-tree"style="width:300px;padding:5px;". vartree3=mini.get("

其中，id和pid对应父子关系。

<ulid="tree1"class="mini-tree"url="../data/tree.txt"style="width:300px;padding:5px;".

<divid="editForm1"style="display:none;padding:5px;position:relative;">. <tdstyle="width:150px;

表格的"showRowDetail"方法可以为一个普通表格行增加了一个详细行。通过"getRowDetailCellEl"方法获得此详细行的DOM元素后，可以在此详细行DOM元素内加入任何HTML内容。

<divid="datagrid1"class="mini-datagrid"style="width:700px;height:280px;". method=SearchEmployee

<inputid="fileupload1"class="mini-fileupload"name="Fdata"limitType="*.txt"

textField="text"valueField="id"parentField="pid"/>. {id:"base",text:"Base",

title:"选择列表",width:650,height:380,variframe=this.getIFrameEl();btnEdit.setValue(data.id);btnEdit.setText(data.name);})

padding-top:1px;padding-bottom:2px;padding-top:3px\9;padding-bottom:1px\9;height:19px;height:17px;line-height:15px;height:19px;h

varform=newmini.Form("#form1");method=LoadData",type:"post",});varform=newmini.Form("#form1")

最后使用表格的数据提交保存，达到：多次修改、一次保存的效果。

创建Menu控件，放入顶部区域，作为功能操作项。通过"id"和"pid"组成树形结构，在创Tree时注意设置"idField"、"parentField"属性。创建Tabs控件

创建Tree控件，放入Splitter左侧区域，作为功能操作树。通过"id"和"pid"组成树形结构，在创Tree时注意设置"idField"、"parentField"和&q

创建OutlookTree控件，放入Splitter左侧区域，作为功能操作树。通过"id"和"pid"组成树形结构，在创建OutlookTree时注意设置"idField"和"paren