天天看点

miniUI 前台的一个小功能

需求是这样的:当参数类型为1:单值的时候,则只显示一个前值;当参数类型为2:多值时,则显示前值以及后值两个input框

前台jsp的相关代码:

<tr>

<td class="tab_label tab_align_r">参数类型:</td>

<td class="tab_field_nr" colspan="3"><input id="businesskey" name="businesskey" class="mini-combobox" url="${base}/sys/ggzd/getGgzdList.nut?groupId=BUSINESS_KEY"style="width: 100%;" required="true" style="width: 100%;" textField="zdName" valueField="zdValue"

value="${modelParam.businesskey}" onvaluechanged="showParam()" /></td>

</tr>

<tr>

<td class="tab_label tab_align_r">前值:</td>

<td class="tab_field_nr" colspan="3"><input class="mini-textarea" style="width: 95%; height: 50px;" id="param1" name="param1"

cols="50" rows="6" value="${modelParam.param1}" /></td>

</tr>

<tr id="param22">

<td class="tab_label tab_align_r">后值:</td>

<td class="tab_field_nr" colspan="3"><input class="mini-textarea" style="width: 95%; height: 50px;" id="param2" name="param2"

cols="50" rows="6" value="${modelParam.param2}" /></td>

</tr>

js的相关代码:

//这是打开页面加载时判断隐藏

$(function() {

var isShow=mini.get("businesskey").getValue();

if(isShow=='1'){

$("#param22").hide();

}else{

$("#param22").show();

}

});

//这是打开后编辑时 点击单值则变单框,点多值则变多框

function showParam(){

var isShow=mini.get("businesskey").getValue();

if(isShow=='1'){

$("#param22").hide();

mini.get("param2").setValue("");

}else{

$("#param22").show();

}

}

继续阅读