📄 flexproperty.jsp

📁 Web开发的基本框架
💻 JSP
字号:
<%@ page contentType="text/html;charset=GBK" %>
<%@ taglib uri="/tags/web-flex" prefix="flex"%>
<%@ taglib uri="/tags/web-html" prefix="html"%>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/web-widgets" prefix="widgets"%>
<%@ taglib uri="/tags/web-i18n" prefix="web"%>
<%@ page import="java.util.*"%>
<%@ page import="bean.Address"%>
<%@ page import="org.loushang.web.taglib.grid.flex.*"%>
<%@ page import="org.loushang.web.taglib.util.*"%>
<%@ page import="org.loushang.util.Page"%>
<%@ page import="org.loushang.web.taglib.util.skin.SkinUtils"%>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='css-xp4.css'/>">
<web:js src="flexgrid.js"/>
<web:js src="calendar.js"/>
<HTML>
<HEAD>
<TITLE>GRID组件1 </TITLE>
</HEAD>
<table width="100%">
<tr>
<td><label class="title">flexgrid 组件</label></td>
<% String file=request.getServletPath().substring(1);
   String app=request.getContextPath();
%>
<td><label class="title">url：<%=file%></label></td>
<td align="right" valign="bottom" nowrap> [<a href="<%=app%>/src.jsp?target=<%=file %>" target="source">源代码</a>]</td>

</tr>
</table>
<hr>
<BODY topmargin="20px">
<%
    //获取数据集合
    List list=new ArrayList();
    for(int i=0;i<15;i++){
        Address address = new Address();
		address.setId(i);
		address.setCity(String.valueOf(i));
		address.setCountry("20041212");
		address.setState("11");
		address.setStreet1("街道街道街道街道街道"+i);
		address.setStreet2("1");
		address.setZipcode("0");		
		address.setMembers(new String[]{"00","01"});	
		list.add(address);
	}
	//枚举值测试
	HashMap map = new HashMap();
	map.put("00","女");
	map.put("01","男");	
	request.setAttribute("enum",map.entrySet());
	
	//下拉框值测试
	List select = new ArrayList();
	HashMap map1;
	for (int i=0;i<10;i++){
	    map1 = new HashMap();
	    map1.put("id",String.valueOf(i));
	    select.add(map1);
	}
	request.setAttribute("addressId",select);
	
	request.setAttribute("org.loushang.web.taglib.util.PAGEPOLITPAGESIZE","10");
	request.setAttribute("org.loushang.web.taglib.util.PAGEPOLITCURRENTPAGEINDEX","1");
	request.setAttribute("org.loushang.web.taglib.util.RESETPAGEINDEX","false");
	Page ourPage = new Page(list,87);    
	QueryTool tool = new QueryTool(request);
	tool.process(ourPage,null);
%>
<%
String str1=(String)request.getParameter("name1");
if (str1==null){
  str1="";
}
%>

<html:form name="form1" action="flexProperty.jsp">
<table  class="search" width="100%" cellspacing="0">
<flex:search>
    <tr>    
    <td>
	下拉框:<flex:searchSelect name="name1" searchName="User.column1" dataType="java.lang.String" operSymbol="=" value="<%=str1%>">
	<html:options collection="addressId" labelProperty="id" property="id"/>
	</flex:searchSelect>
	</td>
	<td>文本框:<flex:searchText name="name2" searchName="User.column2" dataType="java.lang.String" operSymbol=">" isNull="true" value="">
	</flex:searchText></td>
	<td>日期:<flex:searchDate name="name3" divname="divdate" hastime="true" hasecond="true" searchName="User.column3" dataType="java.lang.String" operSymbol=">" value="2004-04-02 18:12:12" sourceFormat="yyyy-MM-dd HH:mm:ss" targetFormat="yyyy年MM月dd日 HH:mm:ss">
	</flex:searchDate></td>
	</tr>
	<tr>
	<td>文本框:<flex:searchText name="name4" searchName="User.column4" dataType="java.lang.String" operSymbol=">" value="">
	</flex:searchText>
	<flex:searchHidden name="name5" searchName="User.column5" dataType="java.lang.String" operSymbol="<" value="">
	</flex:searchHidden>
	</td>	
	<td>是<flex:searchCheckbox name="name6" searchName="User.column6" dataType="java.lang.String" operSymbol="=" value="1">
	</flex:searchCheckbox>否<flex:searchCheckbox name="name6" searchName="User.column6" dataType="java.lang.String" operSymbol="=" value="0">
	</flex:searchCheckbox></td>
	<td>是<flex:searchRadio name="name7" searchName="User.column7" dataType="java.lang.String" operSymbol="=" value="1">
	</flex:searchRadio>否<flex:searchRadio name="name7" searchName="User.column7" dataType="java.lang.String" operSymbol="=" value="0">
	</flex:searchRadio></td>
	<td><flex:searchImg name="img" action="flexProperty.jsp" image="search.gif">
	</flex:searchImg></td>
	</tr>
</flex:search>
</table>
<br>
<flex:flexgrid name="grid2" height="300"  isSubmit="false" isWrap="false">
        <flex:checkboxCol caption="选择" name="aa" width="50"  property="id" queryName="User.column02" sortName="User.column2"></flex:checkboxCol>
		<flex:flexCol caption="文本列" name="bb" queryName="User.column03" sortName="User.column3" width="100" property="street1"></flex:flexCol>
		<flex:multiHead caption="多级多列">
		<flex:multiHead caption="编号">
		<flex:flexCol caption="货币列" width="100" style="background-color:yellow;text-align:left;" name="cc" property="city" type="currency" queryName="User.column04" sortName="User.column4" isSum="true"></flex:flexCol>
		<flex:flexCol caption="日期列" width="100" name="dd" property="country" type="date" format="yyyyMMdd#yyyy年MM月dd日" sortName="User.column5" isSum="false"></flex:flexCol>
		</flex:multiHead>
		<flex:flexCol caption="数值列" width="100" name="ee" property="$city*0.33" type="double" format="6#,###.##" sortName="User.column6" isSum="true"></flex:flexCol>				
		<flex:flexCol caption="枚举列" width="100" name="ff" property="$zipcode+zipcode" type="enum" enumCollection="enum" enumKey="key" enumValue="value" sortName="User.column7"></flex:flexCol>
		</flex:multiHead>
		<flex:flexCol caption="数组列" width="100" name="gg" property="members" type="enum" enumCollection="enum" enumKey="key" enumValue="value" hasDelimiter="true" sortName="User.column7"></flex:flexCol>
</flex:flexgrid>

<flex:pagePolit action="flexProperty.jsp" pageSize="3" turnPageClick="myclick()">
</flex:pagePolit>
</html:form>

<button name="tt" onclick="getDataKey()">取值key</button>
<button name="tt" onclick="getCheckNum()">取选中的行号</button>
<button name="tt" onclick="getData()">取值All</button>
<button name="tt" onclick="addrow()">增加行</button>
<button name="tt" onclick="delrow()">删除行</button>
<button name="tt" onclick="showHideSum()">显示/隐藏合计行</button>
<button name="tt" onclick="showHideOrderCol()">显示/隐藏左侧序号行</button>
</BODY>
</HTML>
<script language="javascript">
grid2.show();
//grid2.setSumText("");
grid2.setSumValue(2,"manual");
function myclick(){
	alert(grid2.getCurrentLine());
}
//grid2.setTabTiClick(myclick);
function addrow()
{
grid2.addRow();
grid2.setTiValue(grid2.getCurrentLine(),2,"dai");
grid2.setTiValue(grid2.getCurrentLine(),3,"111111");

}
function delrow()
{
grid2.delRow();
}
function getData(){
////    alert(grid2.getCheckAll());
//alert(document.all("grid2").children[1].style.overflow);
alert(grid2.getSumFieldValue(3));
alert(grid2.getCellValue(4,3));
}
function getCheckNum(){
    alert(grid2.getCheckLineNo());
//	grid2.showSum("false");
}
function getDataKey(){
    alert(grid2.getCheckLine());
//grid2.showSum("true");
}
var isShowSum=true;
function showHideSum(){
	grid2.showSum((isShowSum=!isShowSum).toString());
}
var isShowLeft=true;
function showHideOrderCol(){
	grid2.showLeft((isShowLeft=!isShowLeft).toString());
}
</script>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -