📄 inputgrid.jsp
字号:
<%@ taglib uri="/tags/web-grid" prefix="grid"%>
<%@ taglib uri="/tags/web-widgets" prefix="widgets"%>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/web-i18n" prefix="web"%>
<%@ page contentType="text/html;charset=GBK" %>
<%@ page import="org.loushang.web.taglib.util.skin.SkinUtils"%>
<%@ page import="java.util.*"%>
<%@ page import="gird.OrderDataBean"%>
<%@ page import="gird.OrderLineDataBean"%>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='css-xp4.css'/>">
<web:js src="inching.js"/>
<web:js src="grid.js"/>
<%
String multipleValues[] =
{ "Multiple 0", "Multiple 1", "Multiple 2", "Multiple 3", "Multiple 4",
"Multiple 5", "Multiple 6", "Multiple 7", "Multiple 8", "Multiple 9" };
request.setAttribute("multipleValues", multipleValues);
HashMap map = new HashMap();
map.put("00","女");
map.put("01","男");
request.setAttribute("enum",map.entrySet());
%>
<HTML>
<HEAD>
<TITLE>GRID组件</TITLE>
</HEAD>
<table width="100%">
<tr>
<td><label class="title">grid增加 组件</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">
<br>
<table>
<tr>
<td>功能测试：行：<widgets:inch name="rowN" width="190" enable="true" defaultValue="1" ></widgets:inch>
列：<widgets:inch name="colN" width="190" enable="true" defaultValue="1" ></widgets:inch>
</td>
</tr>
<tr><td>
<button onclick="addRow();">增加行</button>
<button onclick="deleteRow();">删除行</button>
<button onclick="setfocus();">聚焦</button>
<button onclick="getValue();">显示数据</button>
<button onclick="setColRowValue();">设置数据为 10 </button>
<button onclick="alert(grid.getCurrentLine());">当前行</button>
<button onclick="alert(grid.returnRowCount());">总行数</button>
<button onclick="checkHaveRepeatTest();">检查列重复值</button>
<button onclick="checkHaveEmptyTest();">检查列空值</button>
<button onclick="test();">test</button>
</td></tr>
</table>
<grid:grid name="grid" property="orderLines" type="input" height="300">
<grid:textCol property="coNum" name="coNum" caption="商品编号" index="1" defaultValue="1000" width="100"></grid:textCol>
<grid:imageTextCol property="coNum" name="coNum" caption="商品编号" index="2" defaultValue="1000" width="100" imageUrl="<%=SkinUtils.getImage(request,"liulan.gif")%>" imageClick="doimgclick()" style="width:70%"></grid:imageTextCol>
<grid:textCol property="pri" name="pri" caption="价格" index="3" width="100"></grid:textCol>
<grid:textCol property="prip" name="prip" caption="批发价" width="100" index="4" sumScript="grid.setSumFieldValue(0,4,grid.sum(4))" onblur="grid.CountSum();" ></grid:textCol>
<grid:dateCol name="pritone" property="pritone" caption="时间" hastime="false" value="2004/04/02" sourceFormat="yyyy/MM/dd" targetFormat="yyyy年MM月dd日" width="100" index="7" ></grid:dateCol>
<grid:checkboxCol caption="CheckBox" name="primary" width="50" index="9" ></grid:checkboxCol>
<grid:textCol property="prippp" name="prippp" caption="数量" width="100" index="5" sumScript="grid.setSumFieldValue(0,7,grid.sum(7))" onblur="grid.CountSum();"></grid:textCol>
<grid:selectCol property="sel" name="sel" size="1" caption="仓库" index="6" width="100" value="Multiple 5">
<grid:options beanName="multipleValues" labelName="multipleValues"/>
</grid:selectCol>
<grid:dateCol name="pritone" property="pritone" caption="时间" hastime="false" value="2004/04/02" sourceFormat="yyyy/MM/dd" targetFormat="yyyy年MM月dd日" width="100" index="7" ></grid:dateCol>
<grid:checkboxCol caption="CheckBox" name="primary" width="50" index="9" ></grid:checkboxCol>
<grid:indexCol caption="索引列" width="50" index="10" name="bb" style="width:100%"></grid:indexCol>
<grid:primaryKeyCol property="itemId" caption="主键列" name="itemId" index="11" width="0"></grid:primaryKeyCol>
<grid:hideCol property="status" name="status" caption="隐藏列" index="12" width="0" style="width:100%"></grid:hideCol>
</grid:grid>
<script language="javascript">
// document.attachEvent("onclick",new Function("alert(event.srcElement.outerHTML);"));
var col;
var row;
function setColRow(){
col=Number(document.all("colN").value);
row=Number(document.all("rowN").value);
}
function checkHaveEmptyTest(){
setColRow();
if(grid.checkHaveEmpty(col)) alert("第"+col+"列有空值");
}
function checkHaveRepeatTest(){
setColRow();
if(grid.checkHaveRepeat(col)) alert("第"+col+"列有重复值");
}
function setColRowValue(){
setColRow();
grid.setCellValue(row,col,"10")
}
function addRow()
{
grid.addRow();
}
function deleteRow()
{
grid.delRow();
}
function getValue(){
setColRow();
var value=grid.getCellValue(row,col);
alert(value);
}
function setfocus(){
setColRow();
grid.focus(row,col);
}
function index(){
setColRow();
grid.index(col);
}
grid.show();
//for(var i=0;i<10;i++)
grid.addRow();
function doimgclick(){
alert("帮助窗口");
}
function test(){
for(var i = 1;i<=grid.returnRowCount();i++){
grid.getCellObject(i,1).style.color="red";
}
}
</script>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -