一丶Datagrid

  //1.初始化页面数据
LoadGrid: function () {
dgLog = $('#dg').datagrid({
url: '/Test_Areas/Test/StuList',
iconCls: 'icon-save',
fit: true, // 自动适应父容器大小
idField: 'id', //标识字段
loadMsg: '请稍等,正在拼命加载...',
fitColumns: false,//防止水平滚动
rownumbers: true, //是否加行号
pagination: true, //是否显式分页
pageSize: 5, //页容量,必须和pageList对应起来,否则会报错
pageNumber: 1, //默认显示第几页
pageList: [5, 10, 15],//分页中下拉选项的数值
checkOnSelect: true,
selectOnCheck: true,
//固定列
frozenColumns: [[
{
field: 'id', title: '请选择..', align: 'center', checkbox: true
},
]],
//非固定列
columns: [[ {
field: 'photoUrl', title: '学生图片', width: 320, height: 100, align: 'left',
formatter: function (value, rec) {//使用formatter格式化刷子
return "<img src=" + value + " style='width:320px;height:100px;'/>";
}
},
{ field: 'name', title: '学生名', width: 150 },
{ field: 'sex', title: '性别', width: 150 },
{ field: 'age', title: '年龄', width: 150 },
{
title: '操作日期', field: 'stuAddTime', align: 'center', width: 300,
formatter: function (value) {
if (value) {
return (eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-MM-dd HH:mm:ss");
}
}
},
{ field: 'roomNumber', title: '宿舍地址', width: 200 },
{
title: '上传图片日期', field: 'addTime', align: 'center', width: 300,
formatter: function (value) {
if (value) {
return (eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-MM-dd HH:mm:ss");
}
}
}, ]],
//导航栏('-')表示'|'分隔符
toolbar: [{
text: '刷新',
iconCls: 'fa fa-refresh',
handler: function () {
pageUtil.Refresh();
}
}
,
'-', {
text: '取消选中',
iconCls: 'fa fa-undo',
handler: function () {
pageUtil.CancelSelected();
}
},
'-', {
text: '添加',
iconCls: 'fa fa-plus',
handler: function () {
pageUtil.AddStudent();
} },
'-', {
text: '编辑',
iconCls: 'fa fa-edit',
handler: function () {
pageUtil.EditStudent();
} },
'-', {
text: '删除',
iconCls: 'fa fa-remove',
handler: function () {
pageUtil.DelStudent();
} },
],
//单击图片
onClickCell: function (index, field, value) {
if (field == "photoUrl") {
var Photo_Dialog = $("#j_photoView").dialog({
title: "图片显示",
width: 500,
height: 450,
href: '/Test_Areas/Test/Photo_View',
onLoad: function () {
$("#j_photo").attr("src", value);
},
buttons: [{
text: '关闭',
handler: function () {
Photo_Dialog.dialog("close");
},
}],
});
} },
onLoadError: function (data) {
if (data == "error") {
alert("查询发生异常,请及时联系管理员!");
}
}, });

二丶功能区

 //2.刷新
Refresh: function () {
dgLog.datagrid('load');
},
//3.取消选中
CancelSelected: function () {
dgLog.datagrid('unselectAll');
},
//4.增加
AddStudent: function () {
var addForm = $("#j_addStu").dialog({
title: "新添学生",
width: 500,
height: 450,
href: '/Test_Areas/Test/Add_View',
buttons: [{
text: '保存',
handler: function () {
var AddStudent_Form = $("#addForm");
//$.ajax({
// type: 'POST',
// url: '/Test_Areas/Test/Demo',
// data: xz.serializeObject(AddStudent_Form),
// dataType: 'JSON',
// success: function (data) {
// if (data == 'ok') {
// $.messager.alert('success', '插入成功!');
// $('#j_addStu').dialog('close');
// $('#dg').datagrid('reload');
// } else {
// $.messager.alert('Error', '插入失败!');
// }
// }
//}); //是一个验证表单的功能。当validate()这个函数返回值是true的时候,表单提交,反之则不提交。
$("#addForm").form('submit', {
url: '/Test_Areas/Test/AddExcute',
onSubmit: function () {
return $(this).form('validate');
},
success: function (data) {
if (data == 'ok') {
$.messager.alert('success', '插入成功!');
$('#j_addStu').dialog('close');
$('#dg').datagrid('reload');
} else {
$.messager.alert('Error', '插入失败!');
}
}
});
}
}, {
text: '关闭',
handler: function () {
$('#j_addStu').dialog('close');
}
}],
onLoad: function () {
//上传图片
$("#j_btn").uploadify({
buttonText: '上传图片',
height: 20,
width: 120,
swf: '/Content/uploadify/uploadify.swf',
uploader: '/Test_Areas/Test/Upload',//通过后台的程序把文件上传到服务器
multi: false,//是否允许同时选择多个文件
fileSizeLimit: '8MB',//文件大小
fileTypeExts: '*.gif;*.png;*.jpg;*jpeg',//可选文件的扩展名
formData: {
'folder': '/Upload', 'ASPSESSID': ASPSESSID, 'AUTHID': auth//测试
},
onUploadSuccess: function (file, data, response) {
var jsonData = $.parseJSON(data);
$.procAjaxMsg(jsonData, function () {
$.alertMsg(jsonData.Msg, '操作提示', function () { $("#addForm img").attr("src", jsonData.BackUrl);
$("#j_ImgUrl1").val(jsonData.BackUrl); });
}, function () {
$.alertMsg(jsonData.Msg, '操作提示', null);
});
},
onUploadError: function (file, errorCode, errorMsg, errorString) {
$.alertMsg('文件 ' + file.name + ' 上传失败: ' + errorString, '上传失败', null);
},
onSelectError: function (file, errorCode, errorMsg, errorString) {
$.alertMsg('文件 ' + file.name + ' 不能被上传: ' + errorString, '选择失效', null);
}
})
}
});
},
//5.编辑
EditStudent: function () {
var rows = dgLog.datagrid('getSelections'); if (rows.length > 1) {
$.messager.alert("错误提示", "不能同时修改多个学生信息!");
} else if (rows.length == 1) {
var pEdit = $("#j_edittbStuDialog").dialog({
title: "修改学生信息",
width: 700,
height: 450,
href: "/Test_Areas/Test/Update_View",
buttons: [{
text: '保存',
handler: function () {
$("#j_editForm").form('submit', {
url: "/Test_Areas/Test/UpdateExcute",
onSubmit: function () {
return $(this).form('validate');
},
success: function (data) {
if (data == 'ok') {
$.messager.alert('success', '修改成功!');
pEdit.dialog('close');
dgLog.datagrid('reload');
} else {
$.messager.alert('Error', '修改成功!');
}
}
});
}
}, {
text: '关闭',
handler: function () {
pEdit.dialog('close');
}
}],
onLoad: function () {
var row = rows[0];
pEdit.find("#j_editForm").form('load', {
name: row.name,
sex: row.sex,
age: row.age,
photoUrl: row.photoUrl,
roomNumber: row.roomNumber,
id: row.id,
pId: row.pId,
});
$("#j_editForm img").attr("src", row.photoUrl); } }); } else {
$.messager.alert("提示", "您没有选中任何行!");
}
},
//6.删除
DelStudent: function () {
var rows = dgLog.datagrid('getSelections');
if (rows.length > 0) {
//id字符串
var idsStr = "";
for (var i = 0; i < rows.length; i++) {
idsStr = idsStr + rows[i].id + ",";
}
if (idsStr.length > 0) {
idsStr = idsStr.substr(0, idsStr.length - 1);
}
$.messager.confirm('删除提示', '确定要删除吗', function (result) {
if (result) {
$.post('/Test_Areas/Test/DelExcute', { "idsStr": idsStr }, function (data, status) { if (data == "ok") {
$.messager.alert('success', '删除成功!');
dgLog.datagrid('reload');
dgLog.datagrid("unselectAll");
} else {
$.messager.alert('success', '删除失败!');
}
});
}
});
}
else {
$.messager.alert("提示", "您没有选中任何行!");
}
},
//7.条件检索---清空
ClearSearch: function () {
dgLog.datagrid('load', {});
searchForm.find('input').val('');
},
//8.多条件查询
SearchFilter: function () {
dateStart = $("#j_dateStart").datebox("getValue");
dateEnd = $("#j_dateEnd").datebox("getValue");
name = $("#j_name").val();
sex = $("#j_sex").val();
roomNumber = $("#j_roomNumber").val();
if (dateStart != "" && dateEnd != "" && dateStart > dateEnd) {
alert("起始时间不能大于结束时间,请重新输入");
return;
}
//传值
dgLog.datagrid('load', {
dateStart: dateStart,
dateEnd: dateEnd,
name: name,
sex: sex,
roomNumber: roomNumber,
})
},
//9.进行以Excel的方式进行导出
DownLoad: function () {
dateStart = $("#j_dateStart").datebox("getValue");
dateEnd = $("#j_dateEnd").datebox("getValue");
name = $("#j_name").val();
sex = $("#j_sex").val();
roomNumber = $("#j_roomNumber").val();
window.location.href = "/Test_Areas/Test/DownLoadExcel?dateStart=" + dateStart + "&dateEnd=" + dateEnd + "&name=" + name + "&sex=" + sex + "&roomNumber=" + roomNumber;
},

第四节:EasyUI的一些操作的更多相关文章

  1. android内部培训视频_第四节(1)_异步网络操作

    第四节(1):异步网络操作  一.结合asyncTask下载网络图片 1.定义下载类,继承自asyncTask,参数分别为:String(url地址),Integer(刻度,本例没有用到),BitMa ...

  2. ASP.NET MVC深入浅出(被替换) 第一节: 结合EF的本地缓存属性来介绍【EF增删改操作】的几种形式 第三节: EF调用普通SQL语句的两类封装(ExecuteSqlCommand和SqlQuery ) 第四节: EF调用存储过程的通用写法和DBFirst模式子类调用的特有写法 第六节: EF高级属性(二) 之延迟加载、立即加载、显示加载(含导航属性) 第十节: EF的三种追踪

    ASP.NET MVC深入浅出(被替换)   一. 谈情怀-ASP.NET体系 从事.Net开发以来,最先接触的Web开发框架是Asp.Net WebForm,该框架高度封装,为了隐藏Http的无状态 ...

  3. Centos7 install Openstack - (第四节)添加计算服务(Nova)

    Centos7 install Openstack - (第四节)添加计算服务(Nova) 我的blog地址:http://www.cnblogs.com/caoguo 该文根据openstack官方 ...

  4. 第四节,Linux基础命令

    第四节,Linux基础命令 命令是系统操作员对系统传入的指令,传入指令后回车,系统接收到指令做出相应的行为 1.查看用户位于系统什么位置 [pmd]检查操作用户位于系统的什么位置 命令         ...

  5. delphi 线程教学第四节:多线程类的改进

    第四节:多线程类的改进   1.需要改进的地方   a) 让线程类结束时不自动释放,以便符合 delphi 的用法.即 FreeOnTerminate:=false; b) 改造 Create 的参数 ...

  6. {Django基础八之cookie和session}一 会话跟踪 二 cookie 三 django中操作cookie 四 session 五 django中操作session

    Django基础八之cookie和session 本节目录 一 会话跟踪 二 cookie 三 django中操作cookie 四 session 五 django中操作session 六 xxx 七 ...

  7. 第三百八十四节,Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置以及会员注册

    第三百八十四节,Django+Xadmin打造上线标准的在线教育平台—路由映射与静态文件配置以及会员注册 基于类的路由映射 from django.conf.urls import url, incl ...

  8. 第三百七十四节,Django+Xadmin打造上线标准的在线教育平台—创建课程app,在models.py文件生成4张表,课程表、课程章节表、课程视频表、课程资源表

    第三百七十四节,Django+Xadmin打造上线标准的在线教育平台—创建课程app,在models.py文件生成4张表,课程表.课程章节表.课程视频表.课程资源表 创建名称为app_courses的 ...

  9. centos Linux系统日常管理1 cpuinfo cpu核数 命令 w, vmstat, uptime ,top ,kill ,ps ,free,netstat ,sar, ulimit ,lsof ,pidof 第十四节课

    centos Linux系统日常管理1  cpuinfo cpu核数   命令 w, vmstat, uptime ,top ,kill ,ps ,free,netstat ,sar, ulimit ...

  10. 【软件构造】第三章第四节 面向对象编程OOP

    第三章第四节 面向对象编程OOP 本节讲学习ADT的具体实现技术:OOP Outline OOP的基本概念 对象 类 接口 抽象类 OOP的不同特征 封装 继承与重写(override) 多态与重载( ...

随机推荐

  1. 使用逆向工程生成mybatis的Mapper文件

    之前有写过一篇博客: 使用MyBatis Generator自动生成MyBatis的代码链接:http://www.cnblogs.com/klslb/p/6908535.html 这个太麻烦了,而且 ...

  2. JavaScript基础 -- 常见DOM树操作

    1.创建并增加元素节点 <ul id="ul"> <li>1</li> <li>2</li> <li>3&l ...

  3. .NET下为百度文本编辑器UEditor增加图片删除功能

    [摘要:比来写了个项目,用到了UEditor,但是UE并出有文件删除功效 然后网上找若何增加 找半天只能找到一个1.2.X的 以是便摹仿PHP的 改成了.NET的 PHP本文 第一步 (增加背景删除地 ...

  4. sar 找出系统瓶颈的利器 目前Linux上最为全面的系统性能分析工具之一 直接 sar -dur 1 30 即可看内存 CPU和IO占用

    12. sar 找出系统瓶颈的利器 sar是System Activity Reporter(系统活动情况报告)的缩写.sar工具将对系统当前的状态进行取样,然后通过计算数据和比例来表达系统的当前运行 ...

  5. android 在代码中设置字体颜色 问题

    项目中需要在代码中控制字体颜色 之前是直接引用资源文件  但是不行 tv.setTextColor(R.color.textColor_black); 无效果   后来在网上找了资料发现 要从reso ...

  6. flask核心对象Flask实例初探

    flask的核心程序就两个: werkzegu(WSGI)库,封装了http.web通信等最关键的wsgi功能②Jinja2是Python下一个被广泛应用的模版引擎,方便了html模板的创建和使用 而 ...

  7. Dubbo近况

    刚下班看到开发者头条上一篇讲dubbo前世今生的文章,总结的不错,摘录一下. 从2012年10月23日Dubbo 2.5.3发布后,在Dubbo开源将满一周年之际,阿里基本停止了对Dubbo的主要升级 ...

  8. Patrik 音乐会的等待 单调栈的迷茫回忆

    STL 一定要学好 一定要学好,一定要学好!!! 题目链接:https://www.luogu.org/problemnew/show/P1823 我们需要单向查找:用单调栈: 思路:维护一个身高单调 ...

  9. 不温不火WindowsPhone

    最近在考虑是否转其他平台,如iOS或者Android或者javascript等. 已经以Windows Phone 开发作为工作就一年了(也不算是真正的Windows Phone开发吧,仅仅是开发高德 ...

  10. 27. FormPanel类的defaults属性

    defaults : Object defaults属性可以包含任意个name/value属性对,这些属性将会被添加到每一个元素中...例如, 为了自动向容器包含的每个Ext.Panel 元素的宽度添 ...