easyui的基本用法
之前有用过extjs,最近发现easyui和fineui和extjs比较类似,并且稍微简单一点,所以考虑使用.
以下是项目中的具体简单应用
function callback2d(data) {//data为一个json数据.分页加上如下代码就好了.
//TODO:待解决问题:当没有查询出数据时,不能进入回调函数
$("#dg").datagrid({
columns: [[{ field: "bh", title: "XX" }, { field: "layType", title: "YY" }, { field: "attr", title: "ZZ", formatter: function (value, row) { return value['SECTION']; } }, { field: "geo", title: "geo", hidden: true }]],
rownumbers: true,//设置为true将显示行数。
loadMsg: "加载中,请等待...",//当从远程站点载入数据时,显示的一条快捷信息。
pagination: true,//这里添加分页控件
data: data.slice(0, 20),
rownumbers: true,//显示行数
singleSelect: true,//只允许选择一行
onLoadSuccess: function () {//加载成功后
//alert("加载成功!");
if (data.length > 0) {
$("#detailData").attr("disabled", false);
$("#importExcelBtn").attr("disabled", false);
}
else {
alert("无查询数据");
$("#detailData").attr("disabled", true);
$("#importExcelBtn").attr("disabled", true);
}
},
onDblClickRow: function (rowIndex, rowData) {//选中一行后
parent.parent.locatepipetomap2d(rowData.bh, rowData.layType, rowData.layerName);
}
});
var pager = $("#dg").datagrid("getPager");
pager.pagination({
total: data.length,//数据总条数
pageSize: 20,//每个页面个数
showPageList: false,//定义是否显示可选择的每页记录数。
showRefresh: false,//是否显示刷新
displayMsg: '第{from}-{to}条数据,共{total}条数据' + " ",//显示插件上的分页信息
beforePageText: "", //在输入框之间显示的符号 不填写会有默认值
afterPageText: "共{pages}页",//在输入框之后显示的符号 不填写会有默认值
onSelectPage: function (pageNo, pageSize) {
var start = (pageNo - 1) * pageSize;
var end = start + pageSize;
$("#dg").datagrid("loadData", data.slice(start, end));
pager.pagination('refresh', {
total: data.length,
pageNumber: pageNo
});
}
});
}
easyui的基本用法的更多相关文章
- Easyui主要组件用法
Easyui主要组件用法说明: 1. combogrid用法 说明:combogrid可提供翻页列表的数据选择并可进行数据的过滤查询(查询的传人参数为q,可在控制器中获取这个参数传过来的值,下面的示 ...
- easyui 之ComboTree 用法Demo
实现效果如下: HTML部分: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="ser ...
- easyui tree loader用法
easyui的tree每次都展开,在获取子节点,自定义参数解决方案,兄跌是不是找很久了! 直接上代码 //重写tree的loader $.extend($.fn.tree.defaults, { lo ...
- easyui tree自定义属性用法
easyui为树显示提供了以下属性, id:节点id,这个很重要到加载远程服务器数据 which is important to load remote data text: 显示的节点文本 stat ...
- EasyUI:Easyui parser的用法
Easyui的渲染机制是个比较坑的事情,在项目开发中,遇到需要等其渲染完成后处理一些事情,比如为联动的下拉框选中默认值,为某些表单元素自动填充值等!这就需要用到Easyui parser解析器了.官方 ...
- easyui combobox简单用法
<script type="text/javascript">var order_pay_type;$(function() { $("#order_pay_ ...
- easyui中datagrid用法,加载table数据与标题
加载标题写法: 多行标题:columns: [[ columns: [[ { field: 'itemid', title: 'Item ID', rows ...
- jquery easyui里datagrid用法记录
1.删除行方法(deleteRow) $(); //1代表选中的行索引 2.删除多行数据 var rows = $('#ruleManagementTable').datagrid("get ...
- EasyUI-标签(Tabs)用法
用法示例 创建tabs 1. 经由标记创建Tabs 从标记创建Tabs更容易,我们不需要写任何JavaScript代码.记住把 'easyui-tabs' 类添加到<div/>标记,每个t ...
随机推荐
- BZOJ 2627 JZPKIL
题目链接:http://www.lydsy.com:808/JudgeOnline/problem.php?id=2627 题意:计算下面式子 思路: A先不管.我们来搞B部分.下面说如何计算B这个最 ...
- Java中使用BASE64加密&解密
package com.bao.tools.encryption; import java.io.IOException; import org.junit.Test; import sun.misc ...
- CodeForces 451C Predict Outcome of the Game
Predict Outcome of the Game Time Limit:2000MS Memory Limit:262144KB 64bit IO Format:%I64d &a ...
- [UVa1210]Sum of Consecutive Prime Numbers(前缀和,打表)
题目链接:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem ...
- ARM寻址方式
寻址方式: 所谓寻址方式就是处理器根据指令中给出的信息来找到指令所需操作数的方式. 1.立即数寻址 2.寄存器寻址 3.寄存器间接寻址 就是寄存器中存放的是操作数在内存中的地址 例如以下指令: LDR ...
- 关于Docker 常用命令
Docker 常用命令 分类列一下常用的CLI命令 仓库相关 search/ pull / push / login etc. 例:docker pull ubuntu 从仓库下载ubuntuimag ...
- ubuntu14.04配置静态IP地址
1. 找到文件并作如下修改:vim /etc/network/interfaces修改如下部分:# interfaces(5) file used by ifup(8) and ifdown(8)au ...
- Spring XML配置实现AOP
1: 首先我们要定义 配置成切面的类 package cn.gbx.example; import org.aspectj.lang.ProceedingJoinPoint; import org. ...
- 一个封装较好的删除方法(Delete)
前台的引用 @Html.ActionLink(“删除字样”,“后台的删除方法”,new{绑定id},new{@style="样式"});方法,如何要独立使用的话,一般还要使用到相应 ...
- iOS - KVC 键值编码
1.KVC KVC 是 Key-Value Coding 的简写,是键值编码的意思,属于 runtime 方法.Key Value Coding 是 cocoa 的一个标准组成部分,是间接给对象属性设 ...