Ecology8 表单控件示例

最新推荐文章于 2025-04-01 16:58:38 发布

原创最新推荐文章于 2025-04-01 16:58:38 发布 · 904 阅读

3 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载 - 九方

文章标签：

#Ecology8 #表单 #控件

Ecology8 专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了一种使用JSP实现网页布局的方法，包括头部信息的设置、必要JS的导入、四列布局的设计以及查询条件的分组。此外，还介绍了不同类型的按钮应用，如查询按钮、浏览按钮等，以及如何通过日期选择器进行日期范围的筛选。

JSP 头部信息

<%@ include file="/systeminfo/init_wev8.jsp" %>
<%@ taglib uri="/WEB-INF/weaver.tld" prefix="wea"%>
<%@ taglib uri="/WEB-INF/tld/browser.tld" prefix="brow"%>

必要的JS导入

<script type="text/javascript" src="/js/datetime_wev8.js"></script>
<script type="text/javascript" src="/js/JSDateTime/WdatePicker_wev8.js"></script>

布局与分组

<!-- 每行4个单元格 -->
<wea:layout type="fourCol">

	<!-- 分组 -->
	<wea:group context="查询条件">

		<!-- 第1行 -->
		<wea:item>字段名</wea:item>
		<wea:item>字段值控件</wea:item>
		<wea:item>字段名</wea:item>
		<wea:item>字段值控件</wea:item>

		<!-- 第2行 -->
		<wea:item>字段名</wea:item>
		<wea:item>字段值控件</wea:item>
		<wea:item>字段名</wea:item>
		<wea:item>字段值控件</wea:item>
	</wea:group>
</wea:layout>

按钮

<input class="e8_btn_submit" type="submit" name="search" value="查询" onclick="queryList()"/>

浏览按钮 - 自定义 - 单选

<brow:browser viewType="0" name="ssjg" browserValue=""
	browserUrl="/systeminfo/BrowserMain.jsp?url=/interface/CommonBrowser.jsp?type=browser.sjbm|24837"
	hasInput="true" isSingle="true" hasBrowser="true" isMustInput="1" 
	completeUrl="/data.jsp?type=161" browserSpanValue="" isAutoComplete = "true">
</brow:browser>

浏览按钮 - 分部 - 多选

<brow:browser viewType="0" name="subcompanyids" browserValue=""
	browserUrl="/systeminfo/BrowserMain.jsp?mouldID=hrm&url=/hrm/company/SubcompanyBrowser3.jsp"
	hasInput="true" isSingle="false" hasBrowser="true" isMustInput="1"
	completeUrl="/data.jsp?type=164" browserSpanValue="">
</brow:browser>

查询条件 - 日期组合

<span class="wuiDateSpan" selectId="dateselect" selectValue="">
	<input class=wuiDateSel type="hidden" id="datefrom" name="datefrom" value="">
	<input class=wuiDateSel type="hidden" id="dateto" name="dateto" value="">
</span>