jsp随笔

 1.hidden-隐藏输入信息框，提交数据

<input type="hidden" id="isShow2" name="isShow2" value="固定数值"/>
<input type="hidden" id="pageNum" name="pageNum" value="${pageNum}"/>

2.由给出时间判断状态

 

<td align="center">
      <fmt:formatDate var="start"  value="${values.liveStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
      <fmt:formatDate var="end" value="${values.liveCloseTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
      <fmt:formatDate value="<%=new Date()%>" pattern="yyyy-MM-dd HH:mm:ss " var="now"/>
                            
      <c:if test="${now le start}">预告中</c:if>
      <c:if test="${now ge start && now le end}">直播中</c:if>
      <c:if test="${now ge end}">直播结束</c:if>
</td>

 3.href带值访问

<td align="center">
    <a href="${ctx}/specialLiveInfo/logList?id=${values.id}">查看</a>
    <a href="${ctx}/specialLiveInfo/logList?id=${values.id}">修改</a>
 </td>

4.js使用onclick函数传递两个参数

<td align="center">
<input class='btn btn-primary btn-sm' type="button" value="直播间"  onclick="guanlian2('${acc.id}','${acc.typeName}')"/>
</td>

<script type="text/javascript"> 
function guanlian2(obj1,obj2){
    window.location.href="${ctx}/specialLiveInfo/logList?liveType="+obj1+"&liveTypeName="+obj2;
    }
</script>

 5.js清空局部框

<div class="col-md-6">
<input type="hidden" id="liveTitle" name="liveTitle" class="form-control" style="width: 150px;height: 30px">                
</div>

<script type="text/javascript">
    /*
     * 清除
     */
    function cle(){
        $("#liveTitle").val("");
    }
</script>

 6.js获取子窗口数据

子窗口

<script type="text/javascript">
    // 获取选择菜单的值，并传递给主窗口
    function xuanze(obj,obj1,obj2,obj3,obj4){
        $("#selValue").val(obj+"@@"+obj1+"@@"+obj2+"@@"+obj3+"@@"+obj4);
        // 关闭窗口
        cpp_close();
    }
    // 获取选中的海关编码(说明：获取选择的内容方法名必须为selValue()，否则报错。)
    function selValue(){
        var hs_code = $("#selValue").val();
        return hs_code;
    }
</script>

。。。html-body

<td>
    <a href='javaScript:xuanze("${goods.id }","${goods.marketPrice}","${goods.totalGoodsStock }","${goods.goodsName }","<sid:getShopName key="${goods.userId}"></sid:getShopName>")'>选择</a>
</td>

父窗口

<script>
function selectGoods(c){
		var api = frameElement.api, W = api;
		$.dialog( {
			title : '选择关联商品',
			focus : false,
			content : 'url:${ctx}/specialLiveInfo/goodsList',//此为访问方法的路径
			width : '900px',
			height : '600px',
			left :'60%',
			top: '54%',
			close : function() {
				// 调用子窗口方法，得到选择中菜单项值,将值传给页面函数进行显示处理
				var sel_value = this.content.selValue();
				if(sel_value != null){
					if (c==1){
						fn1(sel_value);
					}
					if (c==2){
						fn2(sel_value);
					}
					if (c==3){
						fn3(sel_value);
					}
					if (c==4){
						fn4(sel_value);
					}
				}
			},
			parent:api
		});
	}

	// 根据返回的选定内容，进行页面处理（说明：参数名必须为sel_value）
	function fn1(sel_value){
		// 将选择的值赋值给父窗口（本页面）的文本框
		if(typeof(sel_value) != "undefined"){
			var sels = sel_value.split("@@");
			var goodsId = sels[0];
			var marketPrice = sels[1];
			var totalGoodsStock = sels[2];
			var goodsName = sels[3];
			var shopName = sels[4];
			if(sels[0] !=""){
				$("#goodsId1").val(goodsId);
				/*$("#goodsName1").val(goodsName);
                $("#totalGoodsStock1").val(totalGoodsStock);
                $("#marketPrice1").val(marketPrice);
                $("#shopName1").val(shopName);*/
			}
		}
	}
	// 根据返回的选定内容，进行页面处理（说明：参数名必须为sel_value）
	function fn2(sel_value){
		// 将选择的值赋值给父窗口（本页面）的文本框
		if(typeof(sel_value) != "undefined"){
			var sels = sel_value.split("@@");
			var goodsId = sels[0];
			var marketPrice = sels[1];
			var totalGoodsStock = sels[2];
			var goodsName = sels[3];
			var shopName = sels[4];
			if(sels[0] !=""){
				$("#goodsId2").val(goodsId);
			}
		}
	}
	function fn3(sel_value){
		// 将选择的值赋值给父窗口（本页面）的文本框
		if(typeof(sel_value) != "undefined"){
			var sels = sel_value.split("@@");
			var goodsId = sels[0];
			var marketPrice = sels[1];
			var totalGoodsStock = sels[2];
			var goodsName = sels[3];
			var shopName = sels[4];
			if(sels[0] !=""){
				$("#goodsId3").val(goodsId);
			}
		}
	}
	function fn4(sel_value){
		// 将选择的值赋值给父窗口（本页面）的文本框
		if(typeof(sel_value) != "undefined"){
			var sels = sel_value.split("@@");
			var goodsId = sels[0];
			var marketPrice = sels[1];
			var totalGoodsStock = sels[2];
			var goodsName = sels[3];
			var shopName = sels[4];
			if(sels[0] !=""){
				$("#goodsId4").val(goodsId);
			}
		}
	}
</script>

Html 选择按钮获取

selectGoods(1,2,3,4)

<tr>
	<th style="text-align: right;width: 150px;"><font color="red">*</font>关联商品：</th>
		<td>
<input type="text" id="goodsId1" name="goodsId1" class="form-control" style="width: 300px;" maxlength="90" >
<button type="button" class="btn btn-default" onclick="selectGoods(1);">选择</button>
		</td>
	</tr>
<tr>
	<th style="text-align: right;width: 150px;"><font color="red">*</font>关联商品：</th>
		<td>
<input type="text" id="goodsId2" name="goodsId2" class="form-control" style="width: 300px;" maxlength="90">
<button type="button" class="btn btn-default" onclick="selectGoods(2);">选择</button>
		</td>
</tr>
<tr>
	<th style="text-align: right;width: 150px;"><font color="red">*</font>关联商品：</th>
		<td>
<input type="text" id="goodsId3" name="goodsId3" class="form-control" style="width: 300px;" maxlength="90">
<button type="button" class="btn btn-default" onclick="selectGoods(3);">选择</button>
		</td>
</tr>
<tr>
	<th style="text-align: right;width: 150px;"><font color="red">*</font>关联商品：</th>
		<td>
<input type="text" id="goodsId4" name="goodsId4" class="form-control" style="width: 300px;" maxlength="90">
<button type="button" class="btn btn-default" onclick="selectGoods(4);">选择</button>
        </td>
</tr>