选择单选按钮，查询出来一个列表

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
${inc:/action/ccms/newpub}
<link href="${def:context}/js/project/erpClub/css/defeat3.css" rel="stylesheet"/>
<link href="${def:context}/js/project/erpClub/css/erpindex.css" rel="stylesheet"/>
<title>储藏柜报表查询</title>
<style type="text/css">

.Visited{
position:absolute;
left:62px;
top:125px;
}
</style>
</head>
<body>

<div class="panel panel-default col_mainInner">
        <div class="panel-body col_main_body">
            <form class="form-horizontal" role="form" method="post" id="searchForm">
            <!--  -->
            <div class="Visiting">
            <input name="sort" type="hidden" value="vc_code"preserve="true" />
            <input name="order"type="hidden" value="desc" preserve="true" />
            <input name="pageNo" type="hidden" value="" preserve="true" />
            <input name="totalPages" type="hidden" value="" preserve="true" />
                <input type="hidden" id="vc_type" name="vc_type" value="0"></input>
                        <div class="banner-top ba3">
                             <input type="radio" name="zhuyongjilu"  value="0" checked="checked" id="tradeType1"/>默认                    
                             <label>储物柜号</label>
                             <input type="text" id="vc_cabinetcode" name="vc_cabinetcode"/>
                        </div>
                    
                        <div class="banner-top ba3" style="margin-left: -70px">
                             <label>状态</label>                    
                             <select name=‘vc_status‘ id="vc_status">
                                 <option value="">所有</option>
                                 <option value="0">空闲</option>
                                 <option  value="1">已占用</option>
                                 <option  value="2">无效</option>
                                 <option  value="3">其他</option>
                              </select>
                        </div>
                        <div class="banner-top ba3">
                            <button class="btn btn-info btn-sm" type="button"id="search_btn">查询</button>
                            <button class="btn btn-info btn-sm" type="button" id="search_reset_btn">清空</button>
                       </div>
                </div>
                <div class="Visitedd">
                <div class="banner-top ba3">
                             <input   type="radio"  name="zhuyongjilu"  value="1" id="tradeType1"/>租用记录查询                    
                             <label>姓名/卡号</label>
                             <input type="text" id="vc_name" name="vc_name"  readOnly/>
                        </div>
                </div>    
                <div class="Visited">
                    <div  class="banner-top ba4">
                        <input type="radio"name="zhuyongjilu"  value="2" />到期查询
                        <label  style=""  class="">日期</label>
                        <input type="text" id="c_startdate" name="c_startdate" value="" maxlength="80"  readOnly />
                        <label>-</label>
                        <input type="text" id="c_enddate" name="c_enddate" value="" maxlength="80"  readOnly  />
                    </div>
                </div>
            </form>
            <table class="table table-bordered" style="margin-top:130px;">
                 <thead id="showlist" >
                    <!-- <tr>
                        <th class="sortable d" code="xuhao" >序号</th>
                        <th class="sortable d" code="vc_cabinetcode">储物柜号</th>
                        <th class="sortable huiyuanhao" code="vc_customercode">会员号</th>
                        <th class="sortable xingming" code="vc_name">姓名</th>
                        <th class="sortable kahao" code="vc_code">卡号</th>
                        <th class="sortable qizhuriqi" code="c_startdate">起租日期</th>
                        <th class="sortable zhuangtai" code="vc_status">状态</th>
                        <th class="sortable daoqqiriqi" code="c_enddate">到期日期</th>
                        <th class="sortable b" code="vc_hometel">电话</th>
                        <th class="sortable b" code="vc_mobile">手机</th>
                        <th class="sortable b" code="vc_mc">会籍</th>
                    </tr> -->
                </thead>
                <tbody id="datagridTemplate" style="display: none;">
            <!--         <tr>
                        <th class="sortable d">#xuhao#</th>
                        <th class="sortable d" >#vc_cabinetcode#</th>
                        <th class="sortable huiyuanhao" >#vc_customercode#</th>
                        <th class="sortable xingming" >#vc_name#</th>
                        <th class="sortable kahao" >#vc_code#</th>
                        <th class="sortable qizhuriqi" >#c_startdate#</th>
                        <th class="sortable  zhuangtai" >#vc_status#</th>
                        <th class="sortable daoqiriqi" >#c_enddate#</th>
                        <th class="sortable b">#vc_hometel#</th>
                        <th class="sortable b" >#vc_mobile#</th>
                        <th class="sortable b" >#vc_mc#</th>
                    </tr> -->
                </tbody>
                <tbody id="datagrid">
                </tbody>
            </table>
            <div class="pageDiv" >
                <ul class="pagination">
                </ul>
            </div>
        </div>
    </div>
    <input type="hidden" name="actionroot" id="actionroot" value="${def:actionroot}" />
<script language="JavaScript">
var search=null;
$(document).ready(function() {
    /* $(‘.a, .b, .c, .xingming, .kahao, .qizhuriqi, .huiyuanhao‘).hide();
    $("#sp").hide(); */
    var type=$("input[name=zhuyongjilu]:checked").val();
    showType(type);
    $("#vc_cabinetcode").focus(function(){
        $("#c_enddate").val(‘‘);
        $("#c_startdate").val(‘‘);
        $("#vc_name").val(‘‘);
        $("#vc_status").val(‘‘);
    });
    $Dialog().date($(‘#c_startdate‘));
    $Dialog().date($(‘#c_enddate‘),function(){
        var c_startdate=$(‘#c_startdate‘).val();
        var c_enddate=$(‘#c_enddate‘).val();
         if( "" != c_startdate &&  "" != c_enddate && c_startdate>=c_enddate){
             alert(‘截止日期不能早于开始日期！‘);
             $(‘#c_enddate‘).val(‘‘);
         }
    });
    $("input[name=zhuyongjilu]").unbind().on(‘ifClicked‘,function(){
         var type=$(this).val();
          showType(type);
    });
    this.search=search;
    search=$Search({datagrid:"datagrid",formId:"searchForm",success:function(){
    }}).initSearchBtn().searchData(1);
});

function showType(type){
    if(type==‘0‘){
        $(‘#vc_type‘).val(0);
        
        $("#showlist").empty();
        $("#showlist").append(‘<tr >‘
        + ‘<th class="sortable" code="xuhao" >序号</th>‘
        + ‘<th class="sortable" code="vc_cabinetcode">储物柜号</th>‘
        + ‘<th class="sortable" code="vc_status">状态</th>‘
        + ‘<th class="sortable" code="c_enddate">到期日期</th>‘
        + ‘</tr>‘);
        $("#datagridTemplate").empty();
        $("#datagrid").empty();
        $("#datagridTemplate").append(‘<tr>‘
        + ‘<td align="center">#xuhao#</td>‘
        +  ‘<td align="center">#vc_cabinetcode#</td>‘
        + ‘<td align="center">#vc_status#</td>‘
        + ‘<td  align="center">#c_enddate#</td>‘
        + ‘</tr>‘);
    $(‘#vc_name‘).attr(‘readOnly‘,true);
        $(‘#c_startdate‘).attr(‘readOnly‘,true);
        $(‘#c_enddate‘).attr(‘readOnly‘,true);
        $(‘#vc_cabinetcode‘).attr(‘readOnly‘,false);
        $(‘#vc_status‘).attr(‘readOnly‘,false);
       
        $(‘#c_startdate‘).val(‘‘);
        $(‘#c_enddate‘).val(‘‘);
        $(‘#vc_name‘).val(‘‘);
       if( null != search ){
           search.searchData(1);
       }
    }else if(type==‘1‘){
        $(‘#vc_type‘).val(1);
             $(‘#vc_name‘).attr(‘readOnly‘,false);
             $(‘#c_startdate‘).attr(‘readOnly‘,true);
             $(‘#c_enddate‘).attr(‘readOnly‘,true);
             $(‘#vc_cabinetcode‘).attr(‘readOnly‘,true);
             $(‘#vc_status‘).attr(‘readOnly‘,true);
            
             $(‘#c_startdate‘).val(‘‘);
             $(‘#c_enddate‘).val(‘‘);
             $(‘#vc_cabinetcode‘).val(‘‘);
             $(‘#vc_status‘).val(‘‘);
            
                $("#showlist").empty();
                $("#showlist").append(‘<tr>‘
                + ‘<th class="sortable" code="xuhao" >序号</th>‘
                + ‘<th class="sortable" code="vc_customercode">会员号</th>‘
                + ‘<th class="sortable" code="vc_code">卡号</th>‘
                + ‘<th class="sortable " code="vc_cabinetcode">储物柜号</th>‘
                + ‘ <th class="sortable " code="c_startdate">起租日期</th>‘
                + ‘<th class="sortable " code="c_enddate">到期日期</th>‘
                + ‘</tr>‘);    
                $("#datagridTemplate").empty();
                $("#datagrid").empty();
                $("#datagridTemplate").append(‘<tr>‘
                        + ‘<td align="center">#xuhao#</td>‘
                        +  ‘<td align="center">#vc_customercode#</td>‘
                        + ‘<td align="center">#vc_code#</td>‘
                        + ‘<td  align="center">#vc_cabinetcode#</td>‘
                        + ‘<td  align="center">#c_startdate#</td>‘
                        + ‘<td  align="center">#c_enddate#</td>‘
                        + ‘</tr>‘);
                  if( null != search ){
                       search.searchData(1);
                   }
     }else if(type==‘2‘){
         $("#c_startdate").val("${def:date}");
         $("#c_enddate").val("${def:date}");
         $(‘#vc_type‘).val(2);
         $(‘#vc_cabinetcode‘).attr(‘readOnly‘,true);
         $(‘#vc_status‘).attr(‘readOnly‘,true);
         $(‘#vc_name‘).attr(‘readOnly‘,true);
         $(‘#c_startdate‘).attr(‘readOnly‘,true);
         $(‘#c_enddate‘).attr(‘readOnly‘,true);
         $(‘#vc_name‘).val(‘‘);
          $(‘#vc_cabinetcode‘).val(‘‘);
            $(‘#vc_status‘).val(‘‘);
        
           $("#showlist").empty();
        $("#showlist").append(‘<tr>‘
        + ‘<th class="sortable" code="xuhao" >序号</th>‘
        + ‘<th class="sortable " code="vc_cabinetcode">储物柜号</th>‘
        + ‘<th class="sortable" code="vc_customercode">会员号</th>‘
        + ‘ <th class="sortable xingming" code="vc_name">姓名</th>‘
        + ‘<th class="sortable " code="c_enddate">到期日期</th>‘
        + ‘<th class="sortable b" code="vc_hometel">电话</th>‘
        + ‘<th class="sortable b" code="vc_mobile">手机</th>‘
        + ‘ <th class="sortable b" code="vc_mc">会籍</th>‘
        + ‘</tr>‘);    
        $("#datagridTemplate").empty();
        $("#datagrid").empty();
        $("#datagridTemplate").append(‘<tr>‘
                + ‘<td align="center">#xuhao#</td>‘
                + ‘<td  align="center">#vc_cabinetcode#</td>‘
                +  ‘<td align="center">#vc_customercode#</td>‘
                + ‘<td  align="center">#vc_name#</td>‘
                + ‘<td  align="center">#c_enddate#</td>‘
                + ‘<td  align="center">#vc_hometel#</td>‘
                + ‘<td  align="center">#vc_mobile#</td>‘
                + ‘<td  align="center">#vc_mc#</td>‘
                + ‘</tr>‘);
          if( null != search ){
               search.searchData(1);
           }
     }
        //$("#datagrid").append("<td colspan=‘8‘ class=‘no-data‘>没有记录</td>");
}
</script>
</body>
</html>

时间： 2024-10-09 01:52:01

选择单选按钮，查询出来一个列表的相关文章

使用mybatis开发Dao的原始方法，实现根据用户id查询一个用户信息 、根据用户名称模糊查询用户信息列表 、添加用户信息等功能

1.需求 将下边的功能实现Dao: 根据用户id查询一个用户信息 根据用户名称模糊查询用户信息列表 添加用户信息 2. 原始Dao开发方法需要程序员编写Dao接口和Dao实现类 3.User.xml映射文件的内容为: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "h

用Dialog显示一个列表

要求:用Dialog对话框显示一个列表,并实现其点击效果 代码: private ListView lv_list; private String deleteName; private AlertDialog.Builder builder; private Dialog dialog; private void showDialog() { /**  * 创建Dialog,参数为当前环境与样式.  */ builder = new AlertDialog.Builder(this); Vie

MFC CListCtrl 将一个列表的选中项添加到另一个列表

MFC CListCtrl 将一个列表的选中项添加到另一个列表, 用VC6.0实现: 简单记录一下自己的学习历程, 和大家分享,如果对你有用,我很高兴. 1.新建一个基于对话框的工程(Dialog-Based) 1.1 新建项目 打开VC6.0 -> File -> New -> Projects -> MFC AppWizard[exe] -> 工程名CListCtrlEg -> 点击OK ->Dialog based -> Finish -> OK

Select All Form List 关键字 —— 模拟选择表单中的所有列表

Select  All  Form  List :模拟选择表单中的所有列表: 该关键字接收[  locator  ]一个参数,locator可以通过id或者name等进行定位: ============================================================== Select  All  Form  List                                   id=aac 原文地址:https://www.cnblogs.com/xiao

如果写一个列表点击一张图片来preview这张图片

可以才用继承AlertDialog的形式来写: 点击张图: public void onClick(View v) { viewBigsizeBmp(((ImageView) v).getDrawable(), Constants.PREVIEW_BMP_DIR_SUFFIX); } private void viewBigsizeBmp(Drawable drawable, String suffix) { final String sdDir = Utils.getSDPath(); fin

python 列表复制给另一个列表，改值两个列表均会改变（备忘）

http://blog.csdn.net/lc_lc2000/article/details/53135839 本意是使A = B,B为一个列表,结果在后续对A的操作中,导致B中的值也改变了,才回忆起python中均为"引用"这话. 为避免这种情况,对这篇博文总结有两种情况可避免. 1. 利用列表切片 A = B[:] 2. 深拷贝 A = copy.deepcopy(B)

MyBatis查询传一个参数时报错：There is no getter for property named &#39;sleevetype&#39; in &#39;class java.lang.Integer

用MyBatis进行查询,传入参数只有一个时(非Map)如int,报错 There is no getter for property named 'sleevetype' in 'class java.lang.Integer 原因在于测试条件写法有误, <if test="sleevetype==0"><!-- 专属 --> exclusive=1 </if> <if test="sleevetype!=0">&l

SQL语句技巧：查询存在一个表而不在另一个表中的数据记录

原文:SQL语句技巧:查询存在一个表而不在另一个表中的数据记录 方法一(仅适用单个字段)使用 not in ,容易理解,效率低 select A.ID from A where A.ID not in (select ID from B) 方法二(适用多个字段匹配)使用 left join...on... , "B.ID isnull" 表示左连接之后在B.ID 字段为 null的记录 select A.ID from A left join B on A.ID=B.ID where

SharePoint CAML判断一个列表项是否有附件

<Eq>               <FieldRef Name='Attachments' />               <Value Type='Attachments'>1</Value>            </Eq> SharePoint CAML判断一个列表项是否有附件,布布扣,bubuko.com