miniui分页
来源:互联网 发布:黑魂3最美捏脸数据 编辑:程序博客网 时间:2024/04/30 10:50
注意点:
1、<link href="../demo.css" rel="stylesheet" type="text/css" />
2、<script src="../../scripts/boot.js" type="text/javascript">
3、<div id="datagrid1" class="mini-datagrid" style="width:700px;height:250px;"
url="../data/AjaxService.aspx?method=SearchEmployees" idField="id" allowResize="true"
sizeList="[20,30,50,100]" pageSize="20">
4、<div property="columns">
<div type="indexcolumn" ></div>
<div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>
<div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
<div field="gender" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>
<div field="salary" numberFormat="¥#,0.00" align="right" width="100" allowSort="true">薪资</div>
<div field="age" width="100" allowSort="true" decimalPlaces="2" dataType="float">年龄</div>
<div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
</div>
5、 <script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
grid.load();
function search() {
var key = document.getElementById("key").value;
grid.load({ key: key });
}
$("#key").bind("keydown", function (e) {
if (e.keyCode == 13) {
search();
}
});
///////////////////////////////////////////////////////
var Genders = [{ id: 1, text: '男' }, { id: 2, text: '女'}];
function onGenderRenderer(e) {
for (var i = 0, l = Genders.length; i < l; i++) {
var g = Genders[i];
if (g.id == e.value) return g.text;
}
return "";
}
</script>
6、
7、
- miniui分页
- jQuery MiniUI 前台分页
- miniui表格分页(mybatis)
- MiniUI DataGrid 页面分页-前端分页
- miniui-datagrid之隐藏下方的分页工具
- jQuery miniui grid 分页数据后台处理 基于springmvc 和hibernate
- jQuery MiniUI
- jQuery MiniUI
- jquery miniui
- jQuery MiniUI
- jQuery MiniUI
- miniui 选择器
- miniUI界面
- MiniUI总结
- jquery miniui
- miniui-input
- miniui表格
- JQUERY MINIUI
- JavaWeb学习总结(五十二)——使用JavaMail创建邮件和发送邮件
- 从蚂蚁金服一窥人工智能在金融领域的机遇与挑战
- 卡特兰数证明
- 算法-->堆排序
- Linux下安装MySQL
- miniui分页
- linux实用工具之sed实例
- C++ 中vector的使用技巧
- Quicksort Algorithm
- 暑期集训day3训练(数据结构)
- C语言中的零碎知识点
- mac下显示隐藏文件
- Hdaoop权威指南中java编译
- 支付宝APP支付Android与IONIC与服务端,服务端类库从android端考取