User.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<script type="text/javascript">
    function Load() {
        $('body').find('.search').button({ icons: { primary: "ui-icon-search" } });
        $('body').find('.add').button({ icons: { primary: "ui-icon-plusthick" } });
        ClearNoRight();

        $('#list').jqGrid({
            postData: { name: '', fullName: '' },
            datatype: function (pdata) {
                AJAX('Server/_User.asmx/search', pdata, function (d) {
                    if (d.rows.length == 0 && pdata.page > 1) {
                        $("#list").setGridParam({ page: pdata.page -= 1 }).trigger("reloadGrid");
                        return;
                    }
                    $("#list")[0].addJSONData(d);
                    ClearNoRight();
                });
            },
            jsonReader: { repeatitems: false },
            height: 'auto',
            width: maxFrameWidth(),
            colNames: ['ID', '用户名', '姓名', '性别','修改日期', '创建日期', '操作'],
            colModel: [
               { name: 'ID', hidden: true, key: true },
               { name: 'Name', index: 'Name', width: 4 },
               { name: 'FullName', index: 'FullName', width: 4 },
               { name: 'Gendar', index: 'Gendar', width: 3, align: 'center', formatter: function (i, o, row) { return row.Gendar == 0 ? '保密' : (row.Gendar == 1 ? '男' : '女'); } },
               { name: 'ModifyDate', index: 'ModifyDate', width: 3, align: 'center' },
               { name: 'CreateDate', index: 'CreateDate', width: 3, align: 'center' },
               { name: '', sortable: false, width: 3.5, align: 'center', formatter: function (i, o, row) { return '<a href="javascript:;" class="edit" onclick="editorWindow(' + row.ID + ',true)">查看</a>&nbsp;&nbsp;<a href="javascript:;" class="edit" onclick="editorWindow(' + row.ID + ')">编辑</a>&nbsp;&nbsp;<a href="javascript:;" class="delete" onclick="Delete(' + row.ID + ')">删除</a>'; } }
            ],
            sortname: 'ModifyDate',
            sortorder: 'desc',
            rowNum: 10,
            rowList: [10, 20, 30],
            rownumbers: true,
            viewrecords: true,
            pager: $('#pager')
        });
    }

    function search() {
        TrimAll($('.frame-bar'));
        var params = { name: $('#userName').val(), fullName: $('#fullName').val() };
        $("#list").jqGrid('setGridParam', { postData: params, page: 1 }).trigger("reloadGrid");
    }

    function editorWindow(id, readonly) {
        var dialog = null;
        $($('#template').html()).dialog({
            title: id ? '编辑' : '添加',
            width: 720,
            height: 520,
            resizable: false,
            modal: true,
            buttons: [{
                'text': '确定',
                'click': function () {
                    TrimAll(this);
                    var arr = [];