jeecg开发技巧2－有条件显示录入或选择

利用隐藏控件，当条件改变时显示与否，控制录入内容的灵活性——有时可选择，有时又是要求手动录入时。

$('#tiaojian').bind("change",function(){   //条件改变事件
        var sv=$(this).find('option:selected').val();
        if(sv=='1'){
            $('#tmple_div').css("visibility","visible");
            $('#tmpid').css("visibility","hidden");
        }else{
            $('#tmpid').css("visibility","visible");
            $('#tmple_div').css("visibility","hidden");
        }
    });

// 显示与隐藏的控件

<div class="col-xs-6">
                         <div id="tmple_div" style="visibility:hidden;position:absolute;top:1px; left:16px;width:92%;">
                            <input type="text" id="pdtmpl" name="pdtmpl"  class="form-control" readonly="readlony" οnclick="openCustmrDiv()"  style="background: url('plug-in/ace/images/dropdown.png') no-repeat scroll right center transparent;"/>
                        </div>
                        <select id="tmpid" name="tmpid" class="form-control"  style="display:inline-block;"></select>    
                        <span class="Validform_checktip" style="float:left;height:0px;"></span>
                        <label class="Validform_label" style="display: none">选择模板</label>
                      </div>

 这样使界面简洁，又不失灵活性。

function openCustmrDiv(){
    $.dialog.setting.zIndex = getzIndex(); 
    var orgIds = $("#orgIds").val();
    $.dialog({content: 'url:dcustomersController.do?cutmselect', zIndex: getzIndex(), title: '单位选择列表', lock: true, width: '700px', height: '520px', opacity: 0.4, button: [
       {name: '确定', callback: callbackCustmr, focus: true},
       {name: '取消', callback: function (){}}
   ]}).zindex();
}

function callbackCustmr(){
    var iframe = this.iframe.contentWindow;
    var rdat = iframe.getSelectRows();
    $('#custid').val(rdat[0].id);
    $('#custname').val(rdat[0].sName);
}