JQuery总结
2015-09-02 20:39
741 查看
这段时间断断续续的加上软考视频总我的JQuery视频总算是结束了,到现在我才知道米老师说的时间管理是多么的重要,如果说我们以前分层的话U层的东西都可以在里面实现,它相当于JS的一个类库,里面封装了很多JS里的一些功能,我们以前学过的AJAX、Json其中的一些功能都得到一些功能的加强,其实开始在做人事系统的时候我就已经用过这方面的知识,我们在使用MVC的时候View与controller之间的数据赋值来调用B层的方法。
$(function () {
//无参数时执行此方法
initTable("");
$("#btnSrch").click(function () {
var queryData = { name: $("#txtSearch").val() };
//有参数时执行此方法
initTable(queryData)
});
});
//实现DataGird控件的绑定操作
function initTable(queryData) {
$('#testBasic').datagrid({ //定位到Table标签,Table标签的ID是test
fitColumns: true,
url: '/BasicInfo/success/', //指向后台的Action来获取当前用户的信息的Json格式的数据
title: '信息查询', //标识
iconCls: 'icon-save',
height: 368,
nowrap: true,
autoRowHeight: false,
striped: true,
collapsible: true,
pagination: true,
rownumbers: true,
//sortName: 'ID', //根据某个字段给easyUI排序
//sortOrder: 'asc',
remoteSort: false,
idField: 'ID',
queryParams: queryData, //异步查询的参数
columns: [[
{ field: 'ck', checkbox: true },
{ title: '档案编号', field: 'ID', sortable: true},
{ title: '姓名', field: 'name', sortable: true },
{ title: '性别', field: 'sex', sortable: true },
{ title: '身份证号', field: 'idNumber', sortable: true},
{ title: '接收方式', field: 'receivemode', sortable: true },
{ title: '本人身份', field: 'myidentity', sortable: true },
{ title: '职称', field: 'position', sortable: true },
{ title: '原工作单位', field: 'oldworkplace', sortable: true },
{ title: '现工作单位', field: 'nowworkplace', sortable: true },
{ title: '缴费截止日期', field: 'stopetime', sortable: true },
{ title: '档案在否', field: 'isrecord', sortable: true }
]
],); 这是在view中的script中的代码当然html中的代码在这里就不展示了,然而现在在controller里要用Json来进行接收。
<script src="/Content/JqueryEasyUI/jquery-1.8.0.min.js"></script>引用添加JQuery 的样式
return Json(new
{
rows = rows, //内容
total = totalCount //总条数
}); 这里面的代码,返回的数值给ajax里面的data属性里面,我们应该学会如何使用他,我们正在逐步的让我们的界面变得更加美观!每一步的学习都是在逐步的成长!
$(function () {
//无参数时执行此方法
initTable("");
$("#btnSrch").click(function () {
var queryData = { name: $("#txtSearch").val() };
//有参数时执行此方法
initTable(queryData)
});
});
//实现DataGird控件的绑定操作
function initTable(queryData) {
$('#testBasic').datagrid({ //定位到Table标签,Table标签的ID是test
fitColumns: true,
url: '/BasicInfo/success/', //指向后台的Action来获取当前用户的信息的Json格式的数据
title: '信息查询', //标识
iconCls: 'icon-save',
height: 368,
nowrap: true,
autoRowHeight: false,
striped: true,
collapsible: true,
pagination: true,
rownumbers: true,
//sortName: 'ID', //根据某个字段给easyUI排序
//sortOrder: 'asc',
remoteSort: false,
idField: 'ID',
queryParams: queryData, //异步查询的参数
columns: [[
{ field: 'ck', checkbox: true },
{ title: '档案编号', field: 'ID', sortable: true},
{ title: '姓名', field: 'name', sortable: true },
{ title: '性别', field: 'sex', sortable: true },
{ title: '身份证号', field: 'idNumber', sortable: true},
{ title: '接收方式', field: 'receivemode', sortable: true },
{ title: '本人身份', field: 'myidentity', sortable: true },
{ title: '职称', field: 'position', sortable: true },
{ title: '原工作单位', field: 'oldworkplace', sortable: true },
{ title: '现工作单位', field: 'nowworkplace', sortable: true },
{ title: '缴费截止日期', field: 'stopetime', sortable: true },
{ title: '档案在否', field: 'isrecord', sortable: true }
]
],); 这是在view中的script中的代码当然html中的代码在这里就不展示了,然而现在在controller里要用Json来进行接收。
<script src="/Content/JqueryEasyUI/jquery-1.8.0.min.js"></script>引用添加JQuery 的样式
return Json(new
{
rows = rows, //内容
total = totalCount //总条数
}); 这里面的代码,返回的数值给ajax里面的data属性里面,我们应该学会如何使用他,我们正在逐步的让我们的界面变得更加美观!每一步的学习都是在逐步的成长!
相关文章推荐
- 阮一峰关于deferred 详解,感觉是jquery中最重要的部分
- jquery cookie插件用法
- 天猫首页迷思之-jquery实现整个div的懒加载(1)
- jquery实现的Accordion折叠面板效果代码
- JFinal 实现jQuery EasyUI ComboTree数据加载并收起菜单节点
- jQuery实现带延迟效果的滑动菜单代码
- jQuery EasyUI的使用
- js和JQuery中offset等属性对比
- jquery实现顶部向右伸缩的导航区域代码
- jquery实现的Banner广告收缩效果代码
- 【js】jQuery Pagination分页插件( 添加支持 首页,末页)
- 23. jQuery 遍历 - 过滤
- 22. jQuery 遍历 - 同胞
- 21. jQuery 遍历 - 后代
- 20. jQuery 遍历 - 祖先
- 19. jQuery 遍历
- jquery利用attr()方法改变checkbox控件状态的问题
- jquery webservice
- JQuery Tmpl的使用
- jquery实现可关闭的倒计时广告特效代码