助力高校计算机教育 —— 码云为老师推出免费高校版,高达 200 人的协作团队
Watch Star Fork

xknaan / B-JUIJavaScriptApache-2.0

加入码云
与超过 200 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
B-JUI(Best jQuery UI) 前端框架,轻松开发,专注您的业务,从B-JUI开始。
一键复制 编辑 原始数据 按行查看 历史
table-edit-lookup.html 5.88 KB K'naan 提交于 2015-05-22 13:44 . 更新至V1.2版,界面全新配色,其他多项修复更新,详见官网更新日志
<div class="bjui-pageHeader">
<form id="pagerForm" data-toggle="ajaxsearch" action="table-edit-lookup.html" method="post">
<input type="hidden" name="pageCurrent" value="1">
<input type="hidden" name="pageSize" value="${model.pageSize}">
<input type="hidden" name="orderField" value="${param.orderField}">
<div class="bjui-searchBar">
<label>名称:</label><input type="text" value="" name="code" size="10">&nbsp;
<button type="submit" class="btn-default" data-icon="search">查询</button>&nbsp;
<a class="btn btn-orange" href="javascript:;" data-toggle="reloadsearch" data-clear-query="true" data-icon="undo">清空查询</a></li>
<div class="pull-right">
<button type="button" class="btn-blue" data-toggle="lookupback" data-lookupid="ids" data-warn="请至少选择一项职业" data-icon="check-square-o">选择选中</button>
</div>
</div>
</form>
</div>
<div class="bjui-pageContent tableContent">
<table data-toggle="tablefixed" data-width="100%">
<thead>
<tr>
<th data-order-field="id">No.</th>
<th data-order-field="name">名称</th>
<th data-order-field="note">描述</th>
<th class="orderby" data-order-direction="asc" data-order-field="date">创建日期</th>
<th width="28"><input type="checkbox" class="checkboxCtrl" data-group="ids" data-toggle="icheck"></th>
<th width="74">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>自由职业</td>
<td>Free Man</td>
<td>2010-01-01</td>
<td><input type="checkbox" name="ids" data-toggle="icheck" value="{pid:'1', profession:'自由职业'}"></td>
<td>
<a href="javascript:;" data-toggle="lookupback" data-args="{pid:'1', profession:'自由职业'}" class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
</td>
</tr>
<tr>
<td>2</td>
<td>工程师</td>
<td>干大事的</td>
<td>2010-01-02</td>
<td><input type="checkbox" name="ids" data-toggle="icheck" value="{pid:'2', profession:'工程师'}"></td>
<td>
<a href="javascript:;" data-toggle="lookupback" data-args="{pid:'2', profession:'工程师'}" class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
</td>
</tr>
<tr>
<td>3</td>
<td>教师</td>
<td>传道授业解惑</td>
<td>2010-01-03</td>
<td><input type="checkbox" name="ids" data-toggle="icheck" value="{pid:'3', profession:'教师'}"></td>
<td>
<a href="javascript:;" data-toggle="lookupback" data-args="{pid:'3', profession:'教师'}" class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
</td>
</tr>
<tr>
<td>4</td>
<td>医生</td>
<td>救死扶伤</td>
<td>2010-01-04</td>
<td><input type="checkbox" name="ids" data-toggle="icheck" value="{pid:'4', profession:'医生'}"></td>
<td>
<a href="javascript:;" data-toggle="lookupback" data-args="{pid:'4', profession:'医生'}" class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
</td>
</tr>
<tr>
<td>5</td>
<td>程序猿</td>
<td>码农</td>
<td>2010-01-05</td>
<td><input type="checkbox" name="ids" data-toggle="icheck" value="{pid:'5', profession:'程序猿'}"></td>
<td>
<a href="javascript:;" data-toggle="lookupback" data-args="{pid:'5', profession:'程序猿'}" class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
</td>
</tr>
<tr>
<td>6</td>
<td>当官的</td>
<td>吃人不吐骨头</td>
<td>2010-01-06</td>
<td><input type="checkbox" name="ids" data-toggle="icheck" value="{pid:'6', profession:'当官的'}"></td>
<td>
<a href="javascript:;" data-toggle="lookupback" data-args="{pid:'6', profession:'当官的'}" class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
</td>
</tr>
<tr>
<td>7</td>
<td>路人甲</td>
<td>打酱油路过</td>
<td>2010-01-07</td>
<td><input type="checkbox" name="ids" data-toggle="icheck" value="{pid:'7', profession:'路人甲'}"></td>
<td>
<a href="javascript:;" data-toggle="lookupback" data-args="{pid:'7', profession:'路人甲'}" class="btn btn-blue" title="选择本项" data-icon="check">选择</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="bjui-pageFooter">
<div class="pages">
<span>每页&nbsp;</span>
<div class="selectPagesize">
<select data-toggle="selectpicker" data-toggle-change="changepagesize">
<option value="30">30</option>
<option value="60">60</option>
<option value="120">120</option>
<option value="150">150</option>
</select>
</div>
<span>&nbsp;条,共 7 条</span>
</div>
<div class="pagination-box" data-toggle="pagination" data-total="7" data-page-size="30" data-page-current="1">
</div>
</div>

评论 ( 0 )

你可以在登录后,发表评论

10_float_left_people 10_float_left_close