:::
3-7 （利用FooTable的分頁+json功能）/index.php
3-8 （利用FooTable的分頁+json功能）/templates/phone_book_index_b3.html
001 | <{$toolbar}> |
002 |
003 | <!--顯示某一筆資料--> |
004 | <{if $now_op=="show_one_phone_book"}> |
005 |
006 | <{$jeditable_set}> |
007 |
008 | <h2 class="text-center" id="name"><{$name}></h2> |
009 |
010 | <!--分類編號--> |
011 | <div class="row"> |
012 | <label class="col-md-3 text-right"> |
013 | <{$smarty.const._MD_PHONEBOOK_CATE_SN}> |
014 | </label> |
015 | <div class="col-md-9" id="cate_sn"> |
016 | <{$cate_sn_title}> |
017 | </div> |
018 | </div> |
019 |
020 | <!--生日--> |
021 | <div class="row"> |
022 | <label class="col-md-3 text-right"> |
023 | <{$smarty.const._MD_PHONEBOOK_BIRTHDAY}> |
024 | </label> |
025 | <div class="col-md-9"> |
026 | <{$birthday}> |
027 | </div> |
028 | </div> |
029 |
030 | <!--電話--> |
031 | <div class="row"> |
032 | <label class="col-md-3 text-right"> |
033 | <{$smarty.const._MD_PHONEBOOK_PHONE}> |
034 | </label> |
035 | <div class="col-md-9"> |
036 | <{$phone}> |
037 | </div> |
038 | </div> |
039 |
040 | <!--電子信箱--> |
041 | <div class="row"> |
042 | <label class="col-md-3 text-right"> |
043 | <{$smarty.const._MD_PHONEBOOK_EMAIL}> |
044 | </label> |
045 | <div class="col-md-9"> |
046 | <{$email}> |
047 | </div> |
048 | </div> |
049 |
050 |
051 | <!--地址--> |
052 | <div class="row"> |
053 | <label class="col-md-3 text-right"> |
054 | <{$smarty.const._MD_PHONEBOOK_ADDR}> |
055 | </label> |
056 | <div class="col-md-9"> |
057 | <{$zip}><{$county}><{$city}><{$addr}> |
058 | </div> |
059 | </div> |
060 |
061 | <!--備註--> |
062 | <div class="row"> |
063 | <label class="col-md-3 text-right"> |
064 | <{$smarty.const._MD_PHONEBOOK_NOTE}> |
065 | </label> |
066 | <div class="col-md-9"> |
067 | <pre class="well" id="note"><{$note}></pre> |
068 | </div> |
069 | </div> |
070 |
071 | <div class="text-right"> |
072 | <{if $isAdmin}> |
073 | <a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=delete_phone_book&sn=<{$sn}>" class="btn btn-danger"><{$smarty.const._TAD_DEL}></a> |
074 | <a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form&sn=<{$sn}>" class="btn btn-warning"><{$smarty.const._TAD_EDIT}></a> |
075 | <a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form" class="btn btn-primary"><{$smarty.const._TAD_ADD}></a> |
076 | <{/if}> |
077 | <a href="<{$action}>" class="btn btn-success"><{$smarty.const._TAD_HOME}></a> |
078 | </div> |
079 | <{/if}> |
080 |
081 | <!--列出所有資料--> |
082 | <{if $now_op=="list_phone_book"}> |
083 |
084 | <script src="<{$xoops_url}>/modules/tadtools/footable-bootstrap/js/footable.min.js" type="text/javascript"></script> |
085 | <link rel="stylesheet" href="<{$xoops_url}>/modules/tadtools/footable-bootstrap/css/footable.bootstrap.min.css" type="text/css" /> |
086 | <script type="text/javascript"> |
087 |
088 | $(document).ready(function(){ |
089 |
090 | $('#my_table').footable({ |
091 | "columns": $.get('columns.json'), |
092 | "rows": $.get('rows.json') |
093 | }); |
094 |
095 | $( "#keyword" ).autocomplete({ |
096 | source: "get_name.php" |
097 | }); |
098 |
099 | $("#search_bar").hide(); |
100 |
101 | // $("#open_bar").click(function(){ |
102 | // $("#search_bar").toggle('slow'); |
103 | // $("#open_bar").toggleClass("btn-danger"); |
104 | // }); |
105 |
106 | $("#open_bar").toggle(function() { |
107 | $("#open_bar").html("關閉搜尋").removeClass('btn-info').addClass('btn-danger'); |
108 | $("#search_bar").fadeIn("slow"); |
109 | }, function() { |
110 | $("#open_bar").html("開啟搜尋").removeClass('btn-danger').addClass('btn-info'); |
111 | $("#search_bar").fadeOut("slow"); |
112 | }); |
113 |
114 | $("#cate_sn").change(function(){ |
115 | location.href = "index.php?cate_sn=" + $("#cate_sn").val() + "&city=" + $("#city").val(); |
116 | }); |
117 |
118 | $("#county").change(function(){ |
119 | var county_val = $("#county").val(); |
120 | $.post("ajax.php", { "county": county_val} , |
121 | function(data) { |
122 | $("#city").html(data); |
123 | }); |
124 | }); |
125 |
126 |
127 | $("#city").change(function(){ |
128 | location.href = "index.php?cate_sn=" + $("#cate_sn").val() + "&city=" + $("#city").val(); |
129 | }); |
130 |
131 | }); |
132 | </script> |
133 |
134 | <form action="index.php"> |
135 | <div class="row"> |
136 |
137 | <div class="col-md-2"> |
138 | <button type="button" id="open_bar" class="btn btn-info">開啟搜尋</button> |
139 | </div> |
140 |
141 | <div class="col-md-10"> |
142 | <div class="row" id="search_bar"> |
143 | <{if $cate_arr}> |
144 | <div class="col-md-3"> |
145 | <!-- 分類選單 --> |
146 | <select name="cate_sn" id="cate_sn" class="form-control"> |
147 | <option value=""></option> |
148 | <{foreach from=$cate_arr item=cate}> |
149 | <option value="<{$cate.cate_sn}>" <{if $cate_sn==$cate.cate_sn}>selected<{/if}>><{$cate.cate_title}></option> |
150 | <{/foreach}> |
151 | </select> |
152 | </div> |
153 | <{/if}> |
154 |
155 | <div class="col-md-3"> |
156 | <!-- 縣市選單 --> |
157 | <select name="county" id="county" class="form-control"> |
158 | <option value="">請選擇縣市</option> |
159 | <{foreach from=$county_arr item=county}> |
160 | <option value="<{$county}>"><{$county}></option> |
161 | <{/foreach}> |
162 | </select> |
163 |
164 | </div> |
165 | <div class="col-md-3"> |
166 | <!-- 鄉鎮市區選單 --> |
167 | <select name="city" id="city" class="form-control"> |
168 | <option value="">選擇鄉鎮市區</option> |
169 |
170 | </select> |
171 |
172 | </div> |
173 | <div class="col-md-3"> |
174 | <input type="text" name="keyword" id="keyword" class="form-control" placeholder="請輸入關鍵字"> |
175 | </div> |
176 | </div> |
177 | </div> |
178 |
179 | </div> |
180 | </form> |
181 |
182 | <table id="my_table" class="table table-striped table-hover" data-sorting="true" data-filtering="true" data-paging="true" data-paging-size="20" data-paging-limit="10"></table> |
183 |
184 |
185 | <{if $isAdmin}> |
186 | <div class="text-right"> |
187 | <a href="<{$xoops_url}>/modules/phone_book/admin/main.php?op=phone_book_form" class="btn btn-info"><{$smarty.const._TAD_ADD}></a> |
188 | </div> |
189 | <{/if}> |
190 |
191 | <{$bar}> |
192 |
193 | <{/if}> |
:::
搜尋
QR Code 區塊
快速登入
