搜索无法正常工作,编辑,添加和删除工作正常 [英] search is not working, edit,add and delete are working

查看:68
本文介绍了搜索无法正常工作,编辑,添加和删除工作正常的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

<link rel="Stylesheet" type="text/css" media="screen" href="Themes/redmond/jquery-ui.css" />
     <link rel="Stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
      <link rel="stylesheet" href="css/jdpicker.css" type="text/css"/>
     <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
     <script type="text/javascript" src="js/jquery.json-2.4.js"></script>
     <script type="text/javascript" src="js/grid.locale-en.js"></script>
     <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
     <script type="text/javascript" src="js/jquery.jqGrid.src.js"></script>

    <%-- <script type="text/javascript" src="js/jquery.summaryjqGrid.min.js"></script>--%>

        <script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
       <script type="text/javascript" src="js/jquery.jdpicker.js"></script>







 <script type="text/javascript">
            $(document).ready(function () {

                $("#go").click(function () {
                    $("#gridId").GridUnload();
                    gridload();
                });
            });
            function gridload() {
                $.ajax({
                    url: 'Uploading111.aspx/MyMethod?fromdate=' + $("#fromdate").val() + '&todate=' + $("#todate").val(),
                    dataType: 'json',
                    contentType: "application/json; charset=utf-8",
                    type: 'POST',
                    success: function (ReportDataNew, textStatus, XMLHttpRequest) {
                        //debugger;
                        gridData = JSON.parse(ReportDataNew.d);
                        //console.log(gridData);
                        //alert(gridData.length);
                        $("#gridId").jqGrid({
                            data: gridData,
                            datatype: "local",
                            height: '100%',
                            hidegrid:true,    
                            rowNum: 20,
                            colNames: ['UserName','WWID', 'DepName', 'MailId', 'CostCenter', 'Batch','Groups','MonthlyQuota', 'Authcode', 'Extension','Mobile', 'Landline','CampusCode','Generic','Mac'],
                            colModel: [
                                { name: 'UserName', index: 'UserName', key: true, width: '200', editable: true,sortable: true, align: 'center' },
                                { name: 'WWID', index: 'WWID', width: '250' , editable: true, sortable: true,sorttype:'int', align: 'center' },
                                { name: 'DepName', index: 'depName', width:'200',  editable: true, sortable: true,sorttype:'text', align: 'center' },
                                { name: 'MailId', index: 'MailId', width:'400', editable: true, sortable: true,sorttype:'text', align: 'center' },
                                { name: 'CostCenter', index: 'Costcenter', width:'200',  editable: true, sortable: true,sorttype:'int', align: 'center' },
                                { name: 'Batch', index: 'Batch', width:'200',  editable: true, sortable: true,sorttype:'text', align: 'center' },
                                { name: 'Groups', index: 'Groups', width:'200',  editable: true, sortable: true,sorttype:'text', align: 'center' },
                                { name: 'MonthlyQuota', index: 'MonthlyQuota', width:'250',  editable: true,sortable: true,sorttype:'text', align: 'center' },
                                { name: 'Authcode', index: 'Authcode', width:'200', editable: true, sortable: true,sorttype:'int', align: 'center' },
                                { name: 'Extension', index: 'Extension', width:'200', editable: true, sortable: true,sorttype:'int', align: 'center' },
                                { name: 'Mobile', index: 'Mobile', width:'300',  editable: true, sortable: true,sorttype:'int', align: 'center' },
                                { name: 'Landline', index: 'Landline', width:'300',  editable: true, sortable: true,sorttype:'int', align: 'center' },
                                { name: 'Businessunit', index: 'Businessunit', width:'300',  editable: true,sortable: true,sorttype:'text', align: 'center' },    
                                { name: 'Generic', index: 'generic', width:'200', editable: true, sortable: true,sorttype:'text', align: 'center' },
                                { name: 'Mac', index: 'mac', width:'200',  editable: true, sortable: true,sorttype:'int', align: 'center' },
                            ],
                            pager: '#gridpager',
                            viewrecords: true,
                            toppager: true,
                            loadtext: 'Loading...',
             });
                          jQuery("#gridId").jqGrid('navGrid', '#gridpager',
            { edit: true, add: true, del: true, search: true, excel: true, exceltext: 'Excel', cloneToTop: true },
            { url: "Uploading.ashx", closeAfterEdit: true,afterSubmitCell: function () { $('#gridId').trigger('reloadGrid');}},
            { url: "Uploading.ashx", closeAfterAdd: true },
            { url: "Uploading.ashx", closeAfterDel: true },
            { closeAfterSearch: true, closeOnEscape: true, multipleSearch: false });
//                        $('#gridId').jqGrid('navGrid', '#gridpager',
//                        { edit: true, add: true, del: true,search:false, view: false, searchtext: "Search", cloneToTop: true },
//                        { url: "editupdel.ashx", closeAfterEdit: true, afterSubmitCell: function () { $('#gridId').trigger('reloadGrid');}},
//                         { url: "editupdel.ashx", closeAfterAdd: true}, 
//                         { url: "editupdel.ashx", closeAfterdel: true},
//                          { caption: "Search", closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, overlay: false })

                        
            

            $("#gridId").jqGrid('navButtonAdd', '#gridpager', { caption: "Columns", title: "Reorder Columns",  onClickButton: function () { $("#gridId").jqGrid('columnChooser',{shrinkToFit:false,autowidth: true}); } });
        
            $("#gridId").jqGrid('gridResize', { minWidth: 250, maxWidth: 1800, minHeight: 80, maxHeight: 1350 });

                        jQuery("#gridId").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "eq" });
                         jQuery("#gridId").jqGrid('navButtonAdd', '#gridpager', { caption: "Filter", title: "Toggle Searching Toolbar", buttonicon: 'ui-icon-pin-s', onClickButton: function () { $("#gridId")[0].toggleToolbar(); } });
                         jQuery("#gridId")[0].toggleToolbar();
                    },
                    error: function (xhr, ajaxOptions, thrownError) { alert('statusCode=Error: ' + xhr.status + '&status=Description :' + thrownError); }
                });
            }

推荐答案

(document).ready(function(){
(document).ready(function () {


(#go)。click(function(){
("#go").click(function () {


(#gridId)。GridUnload();
gridload();
});
});
函数gridload(){
("#gridId").GridUnload(); gridload(); }); }); function gridload() {


这篇关于搜索无法正常工作,编辑,添加和删除工作正常的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆