您的位置:首页 > Web前端 > JQuery

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属性里面,我们应该学会如何使用他,我们正在逐步的让我们的界面变得更加美观!每一步的学习都是在逐步的成长!
    
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: