<%@ Page Title="" Language="C#" MasterPageFile="~/m/m.Master" AutoEventWireup="true" CodeBehind="Search.aspx.cs" Inherits="Book.m.Search" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    
       <style>
         #searchKey {
          font-size:13px;
         }
         #searchKey label {
          font-weight:normal; font-size:13px;
         }

         #searchKey input,    #searchKey select {
          margin-left:5px;font-size:13px;
         }
  


      .mui-popover .mui-popover-arrow:after {  
                width: 0px;  border-radius:0px; 
            }  

      #popover{
    padding:20px;

    background-color: #fff;
    border-radius: 5px;
    width:80%;
    height: 360px;
    margin:0 auto;
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    bottom: 0px;

}

     ul#searchKey {
      margin:0px; padding:0px;
     }
     #searchKey li {
      list-style-type:none; 
     }
 </style>

    
     <header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">申请搜索</h1>
       <a class="mui-icon mui-icon-bars mui-pull-right" href="default.aspx"></a>
 </header>

 	

    <div class="mui-content">
        <div class="mui-page">

            <button type="button" id="pop" style="border-radius:0px; padding:4px; margin-top:5px;" class="mui-btn mui-btn-primary mui-icon mui-icon-search  mui-btn-block">
		            条件搜索
		        </button>
            



            
             <div id="popover" class="mui-popover"   >  
            <div class="mui-popover-arrow"></div>  
            <div>

                <ul id="searchKey" >
				<li class="mui-table-view-cell">
			  	<asp:TextBox ID="txt_contactname"  placeholder="联系人姓名" runat="server"  ></asp:TextBox>  
					 
				</li>

               <li class="mui-table-view-cell">
                   会议时间
                   <asp:RadioButtonList runat="server" ID="rbl_date" Width="240" RepeatDirection="Horizontal">
                    <asp:ListItem Text="未来一周"  Value="week" Selected="True"></asp:ListItem>
                    <asp:ListItem Text="今天" Value="today" ></asp:ListItem>
                    <asp:ListItem Text="明天" Value="tomorrow"></asp:ListItem>
                 </asp:RadioButtonList>
                   
                </li>

           
              
              <li class="mui-table-view-cell">
                     <asp:TextBox ID="txt_key"  placeholder="会议室/会议主题" runat="server"  ></asp:TextBox>  
                 </li>

                    <li>
                        
              <asp:Button ID="Button3"  OnClick="Button3_Click"
          class="mui-active mui-btn mui-btn-block"
          runat="server" Text="搜 索" 
      />
                    </li>
</ul>


            </div>  
        </div>  


              <script type="text/javascript">
                 // mui.init()
                  $("#pop").on("tap", function () {
                      mui("#popover").popover('toggle');
                      //调用隐藏/显示弹出层  
                     // mui("#popover").popover('toggle', document.getElementById("div"));
                  })
        </script>  


             

            </div>
        </div>

 
  
 
   
<asp:ListView ID="lv_lists" runat="server" 
    ItemContainerID="layoutTableTemplate"  
              DataKeyNames="id"
     OnPagePropertiesChanging="lv_lists_PagePropertiesChanging"
    
                    
 >
 
   <LayoutTemplate>
                       
                     	<ul class="mui-table-view" id="itemPlaceholderContainer" runat="server">
                              <li id="itemPlaceholder" runat="server">
                                </li>
                         </ul>
                    </LayoutTemplate>

                <ItemTemplate>
                   
                    <li class="mui-table-view-cell prop">
                           <a href='details.aspx?id=<%#Eval("id") %>'  class="mui-navigate-right">
						
              <%# Eval("roomname")%>  /  <%# Eval("intro")%>        / <%# Eval("numbers")%>人 /
                            <%#DateTime.Parse(Eval("begintime").ToString()).ToString("MM月dd日 HH:mm")%> ~
                             <%#DateTime.Parse(Eval("endtime").ToString()).ToString("HH:mm")%> /      <%# Eval("contactname")%> 
                             
                     </a>

					 </li>
                    </ItemTemplate>
   
</asp:ListView>        


 
 

   	<div class="pg">
 <asp:DataPager ID="DataPager1"   class="pg mui-pagination"  
        PagedControlID="lv_lists" runat="server" PageSize="20">
 <Fields>
           
     
            <asp:NextPreviousPagerField 
                PreviousPageText="<" 
                FirstPageText="|<" 
                ShowPreviousPageButton="true"
                ShowFirstPageButton="true" 
                ShowNextPageButton="false" 
                ShowLastPageButton="false"
               
                RenderNonBreakingSpacesBetweenControls="false" 
                RenderDisabledButtonsAsLabels="false" />

            <asp:NumericPagerField 
                ButtonType="Link" 
                CurrentPageLabelCssClass="btn btn-primary disabled"  
                RenderNonBreakingSpacesBetweenControls="false"
                
                ButtonCount="10" 
                NextPageText="..." 
               />
            
           <asp:NextPreviousPagerField 
               NextPageText=">" 
               LastPageText=">|" 
               ShowNextPageButton="true"
               ShowLastPageButton="true" 
               ShowPreviousPageButton="false" 
               ShowFirstPageButton="false" 
               RenderNonBreakingSpacesBetweenControls="false" 
               RenderDisabledButtonsAsLabels="false"/>
      

  </Fields> 
</asp:DataPager>
</div>

 






</asp:Content>
