JQuery总结

    这段时间断断续续的加上软考视频总我的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属性里面，我们应该学会如何使用他，我们正在逐步的让我们的界面变得更加美观！每一步的学习都是在逐步的成长！