easy-ui datagrid
Easy-ui引用
<link href="css/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="css/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="css/EasyUI/demo.css" rel="stylesheet" type="text/css" />
<script src="js/jq/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="js/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>
$('#tt').datagrid({
//标题
title: 'Frozen Columns',
//标题左上角的图标
iconCls: 'icon-save',
//宽高
width: 1000,
height: 250,
//表头(title)上的工具栏
//toolbar: '#aa',
method: 'get',
//最左边序号
rownumbers: true,
//选中单行(变成黄色)
singleSelect: true,
//锁定行(json中的foot)
showFooter: true,
//控制分页↓
pageList: [10, 20, 50],
collapsible: true,
pagination: true,
//控制分页↑
loadMsg: "数据读取中......",
url: 'datagrid_dataF.json',
//锁定列(冻结列)
frozenColumns: [[
{ field: 'itemid', title: '操作', width: 40, formatter: function(value, row, index) {
var edit = "";
// if (row.editing) {
var del = "<a style=\"cursor:pointer\" onclick=\"delRow(" + index + ")\"><img src=\"image/cross.png\" alt=\"删除\" /></a>";
return edit + " " + del;
// }
// else {
// var del = "<a style=\"cursor:pointer\" onclick=\"delRow(" + index + ")\"><img src=\"~/image/cross.png\" alt=\"删除\" /></a>";
// return edit + " " + del;
// }
}
},
]],
columns: [[
{ field: 'chbm', title: '存货编码', align: 'center', width: 100 },
{ field: 'chmc', title: '存货名称', align: 'center', width: 100 },
{ field: 'ysdm', title: '颜色代码', align: 'center', width: 100 },
{ field: 'ysmc', title: '颜色名称', align: 'center', width: 100 },
{ field: 'dw', title: '单位', align: 'center', width: 100 },
{ field: 'sl', title: '数量', align: 'center', width: 100 },
{ field: 'hsdj', title: '含税单价', align: 'center', width: 100 },
{ field: 'hsje', title: '含税金额', align: 'center', width: 100 },
{ field: 'qsdj', title: '去税单价', align: 'center', width: 100 },
{ field: 'qsje', title: '去税金额', align: 'center', width: 100 },
{ field: 'se', title: '税额', align: 'center', width: 100 },
{ field: 'dlmc', title: '大类名称', align: 'center', width: 100 },
{ field: 'jh', title: '集合', align: 'center', width: 100 },
{ field: 'glspdm', title: '关联商品代码', align: 'center', width: 100 },
{ field: 'glspmc', title: '关联商品名称', align: 'center', width: 100 },
{ field: 'jj', title: '季节', align: 'center', width: 100 },
{ field: 'js', title: '结算', align: 'center', width: 100 }
]]
});
设置(冻结行)
List<object> footer = new List<object>();
footer.Add(new{列名1=数据1,列名2=数据2});
easy-ui datagrid的更多相关文章
- JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单
JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...
- Jquery Easy UI Datagrid 上下移动批量保存数据
DataGrid with 上下移动批量保存数据 通过前端变量保存修改数据集合,一次性提交后台执行 本想结合easyui 自带的$('#dg').datagrid('getChanges'); 方法来 ...
- easy ui datagrid 增,删,改,查等基本操作
如下图: ①列表信息图 ②添加信息图 ③修改信息图 html代码: <%@ Page Title="" Language="C#" MasterPageF ...
- jquery Easy UI Datagrid(数据网格)学习心德,附API
第一步,引入主要的css样式和js文件 <meta http-equiv="Content-Type" content="text/html; charset=ut ...
- Jquery easy ui datagrid動態加載列問題
1.如下图效果是当选择不同的日期范围时datagrid则会加载出对应的列数
- jquery easy ui datagrid中遇到的坑爹的問題。。。
; //修改 function Update() { //獲取選中行 var selected = $("#dg1").datagrid('getSelected'); //判斷是 ...
- JQuery Easy Ui DataGrid
Extend from $.fn.panel.defaults. Override defaults with $.fn.datagrid.defaults. The datagrid display ...
- JQuery Easy Ui dataGrid 数据表格
数据表格 - DataGrid 英文文档:http://www.jeasyui.com/documentation/index.php# 继承$.fn.panel.defaults,使用$.fn.da ...
- easy ui datagrid 获取选中行的数据
取得选中行数据: var row = $('#tt').datagrid('getSelected'); if (row){ alert('Item ID:'+row.itemid+" Pr ...
- easy ui datagrid在没有数据时显示相关提示内容
$(function () { $('#dg').datagrid({ fitColumns: true, url: 'product.json', pagination: true, pageSiz ...
随机推荐
- 文件和目录之access函数
本篇博文内容摘自<UNIX环境高级编程>(第二版),仅作个人学习记录所用.关于本书可参考:http://www.apuebook.com/. 当用open函数打开一个文件时,内核以进程的有 ...
- JavaScript笔记 第十六章 匿名函数和闭包
1.匿名函数 2.闭包 匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数. 一.匿名函数 //普通函数 function getName() { return 'name'; } a ...
- php一些技术要点连接地址
http基本认证: http://www.php.net/manual/zh/features.http-auth.php
- Discuz论坛架构改造
这个论坛一直通过NFS服务共享文件给三台web服务器做负载均衡. 在实际环境中WEB Server总是出现CPU负载突然升高.文件交互的网络流量异常.甚至WEB Server夯死,NFS不能卸载,只能 ...
- js事件(Event)知识整理[转]
事件注册 平常我们绑定事件的时候用dom.onxxxx=function(){}的形式 这种方式是给元素的onxxxx属性赋值,只能绑定有一个处理句柄. 但很多时候我们需要绑定多个处理句柄到一个事件上 ...
- 2013年全国各大著名的IT公司薪资待遇大揭密
以下为转载,特此说明!--西电好网 ============================================ 1: 本人西电通院2013届毕业硕士,根据今年找工作的情况以及身边同学的汇 ...
- ###《Effective STL》--Chapter6
点击查看Evernote原文. #@author: gr #@date: 2014-09-27 #@email: forgerui@gmail.com Chapter6 函数子.函数子类.函数及其他 ...
- Hudson的安装配置
Hudson的安装配置 目录 一.正文... 2 1.安装配置jdk. 2 2.安装配置tomcat7. 2 3.安装Hudson. 2 4.启动tomcat. 2 5.初识Hudson. 3 6 ...
- percent-encode 百分号编码
原文地址:http://www.imkevinyang.com/2009/08/详解javascript中的url编解码.html 摘要 URI(统一资源标识)编解码 为什么需要编码 哪些需要编码 如 ...
- iOS开发——手机号,密码,邮箱,身份证号,中文判断
目前这些方面的判断主要是用了正则表达式 手机号的判断,目前主要是长度.均是数字,支持的号段由于第三方通讯比如京东通讯,小米通讯等支持的号段挺多, 有171,170,135,147等等,所以号段限制简单 ...