Ext标签封装。参考和建议下,顺便广告下

来源:互联网 发布:91家居软件 编辑:程序博客网 时间:2024/05/24 00:18
该组件基于ExtJs2.0扩充了数据集的概念(数据控件的绑定),定义良好的接口(包括:数据模型的定义、数据传输协议、后台交易接口、控件实现接口),默认实现为JSP TAG的方式,支持不同的交易集成。支持weblogic,tomcat,websphere等
1、Combox下拉框,支持拼音简拼搜索,key值搜索,中文搜索。支持codetype生成下拉数据 自动完成
 <core:combox type="local" name="orgoruser1" minChars="1"
   florderSelect="true" value="night">
   <core:option value="morning">早上好</core:option>
   <core:option value="noon">中午好</core:option>
   <core:option value="night">晚上好</core:option>
  </core:combox>
 
­
2、下拉树
多选,单选,
<core:combox id="mycombox3" type="multiTree" name ="orgoruser1" requestDataSet="stringtest" responseDataSet = "quju,keshou" zoomWight="30" startZoom="4"
   serviceId="otp.ajax.sample.defalutmapping" value="userId10,userId12" checkAllChild="false"   florderSelect="true" >
  </core:combox>
 
<core:combox id="mycombox2" type="multiTree" name ="orgoruser1"  codetype="testcode"  >
  </core:combox>

3.树,过滤,树与树拖拽、定位,定时刷新。与表单,表格绑定.
 <core:tree id="tree2" autoRefresh="true" refreshTime="3000"    height="200" width="200" requestDataSet="nodeid"
   serviceId="otp.ajax.sample.defalutmapping"  responseDataSet = "keshou,quju">
   <core:eventListener event="click" arguments="node">
   </core:eventListener>
  </core:tree>



4.grid,列锁定、组合排序,分页,宽度百分比,宽度自动平均布局。直接xml配置列
<core:grid id="grid1" height="400"  width="650" dataset="gridExampleBean" hasCheckBox="true" serverSort="true" lockable="true">
 <core:column dataIndex="common" width='20%' header="Common"/>
 <core:column dataIndex="botanical" header="Botanical" sortType="DESC"/>
 <core:column dataIndex="light" header="Light" sortType="ASC"/>
 <core:column dataIndex="price" header="Price"/>
 <core:column dataIndex="availDate" header="Avail Date" sortType="DESC"/>
 <core:column dataIndex="indoor" header="Indoor?"/>
 <core:pagingtoolbar command="test111" pageSize="12" dataset="test"/>
 </core:grid>

5.表单  后台自动校验(无需再写任何js),同步提交。表单中的输入框,下拉框,支持struts form中使用.绑定表格,绑定树,修改可回退。支持xml配置表单项。
<core:form id="myform" dataset="gridExampleBean" labelAlign ="right" title="表单前后台校验" width="600" msgTarget="side" >
 <core:layout layout="column">
  <core:layout layout="form" columnWidth="0.5">
  <!-- 前台校验,更多前台校验方法,参见from.jsp -->
   <core:textfield fieldLabel="Common" name="common" allowBlank="false"  blankText="不许为空文本(前台检验消息)" />
  <core:textfield fieldLabel="Botanical" name="botanical" />
  <core:textfield fieldLabel="Light" name="light" />
  </core:layout>
  <core:layout layout="form" columnWidth="0.5">
   <core:textfield fieldLabel="Price" name="price" />
  <core:datefield fieldLabel="Avail Date" name="availDate" />
  <core:checkbox fieldLabel="Indoor" name="indoor" />
  </core:layout>
 </core:layout>
 </core:form>


6.在线消息。
7.日期,日期时间控件
<core:datefield fieldLabel="日期控件" name="date" disabledDays="0,6" />
   <core:datetimefield fieldLabel="日期时间控件" name="datetime" width="120" disabledDays="0,6" />
    <core:fieldset  width="150" checkboxToggle="false" title="xxxxx" autoHeight="true" collapsible="true" collapsed="true">

8、 command command button 设定进度条提示,设定成功提示消息,设定失败提示消息,设定提交前校验表单
<core:command id="savePortlets" serviceId="role.savePortlets"
 requestDataSet="portlets,roleId"  commandType="update" commitTypes="selected"   waitMsg="正在保存修改...." successMsg="修改成功!" failureMsg="提交修改失败!" validateForms>
</core:command>
 

 

 



 

9、通用查询





 
 其它支持:布局标签、国际化、portal自动布局,工具栏,<plugin>添加插件,主题样式修改。
­
原创粉丝点击