最近在做一个公司的框架，采用extjs+dwr,由于考虑到extjs的学习曲线，希望开发人员即便不会也能使用，于是我就打算用jsp自定义标签来实现。我觉得凡是用ext框架的公司都会用标签或者其他方式生成一些ext代码，否则多麻烦啊。

由于刚开始接触extjs，所以很多用法都在探索中。有不妥的地方请指正

?

?

效果图：

?

?看看，jsp多简洁，开发人员用起来会很舒服

Jsp代码

1. <stk-ui:panel?width="400"?title="测试"> ??
2. ??
3. ????<form?action="/login.jsp"?id="testForm1"> ??
4. ??
5. ????????姓名：<stk-ui:textField?id="t1"/><br> ??
6. ??
7. ????????<stk-ui:formButton?text="提交"?btnType="submit"?formId="testForm1"/> ??
8. ??
9. ????</form> ??
10. ??
11. </stk-ui:panel>??

<stk-ui:panel width="400" title="测试">

    <form action="/login.jsp" id="testForm1">

        姓名：<stk-ui:textField id="t1"/><br>

        <stk-ui:formButton text="提交" btnType="submit" formId="testForm1"/>

    </form>

</stk-ui:panel>

??

?panel.ftl

?

Freemark代码

1. <div?id="${parameters.id}Div"> ??
2. ????<div?id="${parameters.id}El"?class="x-hidden"?align="center"> ??
3. <script?type="text/javascript"> ??
4. ????Ext.onReady(function() ??
5. ????{ ??
6. ????????new?Ext.Panel({ ??
7. ????????????<#if?parameters.frame?exists> ??
8. ????????????????frame:${parameters.frame}, ??
9. ????????????</#if> ??
10. ????????????<#if?parameters.title?exists> ??
11. ????????????????title:'${parameters.title}', ??
12. ????????????</#if> ??
13. ????????????<#if?parameters.bodyStyle?exists> ??
14. ????????????????bodyStyle:'${parameters.bodyStyle}', ??
15. ????????????</#if> ??
16. ????????????<#if?parameters.autoLoad?exists> ??
17. ????????????????autoLoad:'${parameters.autoLo