zoukankan      html  css  js  c++  java
  • jqueryGrid 内置的onclickSubmit afterSubmit

     $(document).ready(function() {
            $('#jpgCustomers').jqGrid({
                //url from wich data should be requested
                url: '@Url.Action("Customers")',
                //type of data
                datatype: 'json',
                //url access method type
                mtype: 'POST',
                serializeRowData: function(postData) {
                    $.blockUI({message: ("#working")});
                    return postData;
                },
                //columns model
                //columns names
                colNames: ['No.', 'Name', 'FullName', 'Description', 'Enabled', 'Email Address', 'Phone', 'Pager', 'Fax', 'Comments', ' '],
                colModel: [
                    //displayed Columns
                    { name: 'Number', index: 'Number', align: 'center',  40, editable: false, search: false },
                    { name: 'LogonName', index: 'LogonName', align: 'left',  80, editable: true, search: true, stype: 'text', editrules: { required: true } },
                    { name: 'FullName', index: 'FullName', align: 'left',  200, editable: true, search: true, stype: 'text', editrules: { required: true } },
                    { name: 'Description', index: 'Description', align: 'left',  300, editable: true, search: true, stype: 'text' },
                    { name: 'Enabled', index: 'Enabled', align: 'center',  80, editable: true, formatter: SFTPEnabledFormatter, unformat: SFTPEnabledUnformatter, edittype: 'select', editoptions: { value: '-2:Inherited;0:Disabled;1:Enabled' }, search: true, stype: 'select', searchoptions: { value: "-1:All;-2:Inherited;1:Enabled;0:Disabled" } },
                    //Hidden Columns
                    {  60, name: 'Email', index: 'Email', hidden: true, editable: true, editrules: { required: true, edithidden: true }, editype: 'email' },
                    {  60, name: 'Phone', index: 'Phone', hidden: true, editable: true, editrules: { required: false, edithidden: true, number: true, minValue: 0 }, editype: 'text' },
                    {  60, name: 'Pager', index: 'Pager', hidden: true, editable: true, editrules: { required: false, edithidden: true, number: true, minValue: 0 }, editype: 'text' },
                    {  60, name: 'Fax', index: 'Fax', hidden: true, editable: true, editrules: { required: false, edithidden: true, number: true, minValue: 0 }, editype: 'text' },
                    {  120, name: 'Comments', index: 'Comments', align: 'left', hidden: true, editable: true, editrules: { required: false, edithidden: true }, edittype: 'textarea', editoptions: { rows: '3', cols: '60' } },
                    //Action column
                    {
                        name: 'myac',
                         80,
                        fixed: true,
                        sortable: false,
                        resize: false,
                        editable: false,
                        search: false,
                        formatter: 'actions',
                        formatoptions: {
                            onSuccess: function(response) {
                                debugger;
                                $.unblockUI();
                                    var jsonResponse = $.parseJSON(response.responseText);
                                    if (jsonResponse.State != 'Success') {
                                        return [false, jsonResponse.ResponseMessage];
                                    } else {
                                        return [true];
                                    }                            },
                            onError :function(rowid, response, textStatus) {
                                debugger;
                                $.unblockUI();
                            },
                            keys: true,
                            delOptions: {
                                url: encodeURI('@Url.Action("DeleteCustomer")'),
                                onclickSubmit: function(params, posdata) {
                                    $.blockUI({message: ("#working")});
                                },
                                afterSubmit: function(response, postData) {
                                    $.unblockUI();
                                    var jsonResponse = $.parseJSON(response.responseText);
                                    if (jsonResponse.State != 'Success') {
                                        return [false, jsonResponse.ResponseMessage];
                                    } else {
                                        return [true];
                                    }
                                },
                                beforeShowForm: function(form) {
                                    var dlgDiv = $("#delmod" + jpgCustomers.id);
                                    CenterDialog(dlgDiv);
                                    var sel_id = $("#DelData>td:nth-child(1)").text();
                                    $("td.delmsg", form).html("Delete User <b>" + $("#jpgCustomers").jqGrid('getCell', sel_id, 'LogonName') + "</b>?");
                                }
                            }
                        }
                    }
                ],
                reloadAfterSubmit: true, 
                //pager for grid
                pager: $('#jpgpCustomers'),
                //number of rows per page
                rowNum: @(Model.RowsInCustomerGrid),
                //initial sorting column
                sortname: 'FullName',
                //initial sorting direction
                sortorder: 'asc',
                //we want to display total records count
                viewrecords: true,
                //grid height
                height: '100%',
                //where to go on submit of edit/add
                editurl: encodeURI('@Url.Action("EditCustomer")'),
                //subgrid
            });
        });
  • 相关阅读:
    3种Java从文件路径中获取文件名的方法
    win10系统下点击关机却自动重启的问题解决思路
    Eclipse窗口总是在最前的解决办法
    tomcat端口被占用
    js页面跳转整理(转载未整理)
    java.lang.IllegalArgumentException 不合法的参数异常
    MySQL如何查询两个日期之间的记录
    web -- 前端访问后台跨区问题解决
    Maven -- 发布jar包至远程仓库
    5 -- Hibernate的基本用法 --4 3 JDBC连接属性
  • 原文地址:https://www.cnblogs.com/starluck/p/4872581.html
Copyright © 2011-2022 走看看