easyui 中的datagrid 请求action没有进入action方法?也不知道什么原因?

我爱编程zc 发布于 2016/08/28 20:12
阅读 681
收藏 0
 $(function(){    
            $('#test').datagrid({    
                title:'我的表格',    
                iconCls:'icon-save',    
                width:700,    
                height:350,    
                nowrap: true,    
                autoRowHeight: false,    
                striped: true,    
                collapsible:true,    
                url:'showAllUser.action', //服务器地址,返回json格式数据   
                sortName: 'code',    
                sortOrder: 'desc',    
                remoteSort: false,    
                idField:'code',    
                frozenColumns:[[    
                    {field:'ck',checkbox:true},    
                    {title:'代码',field:'code',width:80,sortable:true}    
                ]],    
                columns:[[    
                    {title:'基本信息',colspan:3},    
                    {field:'opt',title:'操作',width:100,align:'center', rowspan:2,    
                        formatter:function(value,rec,index){    
                            return '<span style="color:red"><a href="#" onclick="testSave('+rec.code+')">修改</a> <a href="">删除</a></span>';    
                        }    
                    }    
                ],[    
                    {field:'name',title:'姓名',width:120},    
                    {field:'addr',title:'地址',width:220,rowspan:2,sortable:true,    
                        sorter:function(a,b){    
                            return (a>b?1:-1);    
                        }    
                    },    
                    {field:'col4',title:'第4列',width:150,rowspan:2}    
                ]],    
                pagination:true,  //分页控件  
                rownumbers:true,  //行号  
                toolbar:[{    
                    id:'btnadd',    
                    text:'添加',    
                    iconCls:'icon-add',    
                    handler:function(){    
                        $('#btnsave').linkbutton('enable');    
                        alert('这里是添加的代码')    
                    }    
                },{    
                    id:'btncut',    
                    text:'剪切',    
                    iconCls:'icon-cut',    
                    handler:function(){    
                        $('#btnsave').linkbutton('enable');    
                        alert('这里是剪切的代码')    
                    }    
                },'-',{    
                    id:'btnsave',    
                    text:'保存',    
                    disabled:true,    
                    iconCls:'icon-save',    
                    handler:function(){    
                        $('#btnsave').linkbutton('disable');    
                        alert('这里是保存的代码')    
                    }    
                }]    
            });    
            var p = $('#test').datagrid('getPager');    
            $(p).pagination({    
                pageSize: 10,//每页显示的记录条数,默认为10  
                pageList:[5,10,15,20],//每页显示几条记录  
                beforePageText: '第',//页数文本框前显示的汉字   
                afterPageText: '页    共 {pages} 页',   
                displayMsg: '当前显示 {from} - {to} 条记录    共 {total} 条记录',   
                onBeforeRefresh:function(){    
                    $(this).pagination('loading');//正在加载数据中...  
                    alert('before refresh');  
                    $(this).pagination('loaded'); //数据加载完毕  
                }    
            });    
        });    
        function resize(){    
            $('#test').datagrid('resize', {    
                width:700,    
                height:400    
            });    
        }    
        function getSelected(){    
            var selected = $('#test').datagrid('getSelected');    
            if (selected){    
                alert(selected.code+":"+selected.name+":"+selected.addr+":"+selected.col4);    
            }    
        }    
        function getSelections(){    
            var ids = [];    
            var rows = $('#test').datagrid('getSelections');    
            for(var i=0;i<rows.length;i++){    
                ids.push(rows[i].code+":"+rows[i].name+":"+rows[i].addr+":"+rows[i].col4);    
            }    
            alert(ids.join(':'));    
        }    
        function clearSelections(){    
            $('#test').datagrid('clearSelections');    
        }    
        function selectRow(){    
            $('#test').datagrid('selectRow',2);    
        }    
        function selectRecord(){    
            $('#test').datagrid('selectRecord','002');    
        }    
        function unselectRow(){    
            $('#test').datagrid('unselectRow',2);    
        }    
        function mergeCells(){    
            $('#test').datagrid('mergeCells',{    
                index:2,    
                field:'addr',    
                rowspan:2,    
                colspan:2    
            });    
        }   
          
        function testSave(value){  
          alert('测试保存'+value);  
        }   
    </script>  
    </head>  
    <body>  
        <h2>  
            复杂数据表格 - Complex DataGrid  
        </h2>  
        <div class="demo-info">  
            <div class="demo-tip icon-tip"></div>  
            <div>  
                单击按钮试验数据表格各项功能。  
                <br>  
            </div>  
        </div>  
  
        <div style="margin: 10px 0;">  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="getSelected()">取得选中项</a>  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="getSelections()">取得所有</a>  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="selectRow()">选择行(2)</a>  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="selectRecord()">通过ID选择行(002)</a>  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="unselectRow()">取消行检查</a>  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="clearSelections()">取消已选</a>  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="resize()">缩放布局(W:700H:400</a>  
            <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick="mergeCells()">合并单元格</a>  
        </div>  
  
        <table id="test">  
            
        </table>  

    </body>  



运行的时候没有进入action 前端出现了jquery.easyui.min.js:9903 Uncaught TypeError: Cannot set property '1' of undefined  什么原因求解?

加载中
返回顶部
顶部