使用easyui做的表格,在选完每页显示行数后,再点击提交,接收到的rows为NAN怎么解决? 10C

先上图:
图片说明
如上图,左边是用easyui做的表格,有查询和分页。点击任一行,会把明细添加到右边供编辑。翻页没问题,选择每页显示行数也没问题。但是当我选择完每页显示的行数以后,再次修改或者新增,后台接受的rows(每页显示行数)就变成了NaN。请问各位老师怎么解决?
html:

 <body>
    <div style="float:left"  >
        <table  id="list_data_message" title="信息管理" style="width:600px;height:500px" ></table>
    </div>
    <div style="float:right" > 

    <div class="easyui-panel" title="信息编辑" style="width:720px;padding:30px 60px;">
        <div style="float:left" >
            <div id="uguid" style="display:none;"></div>
            <div style="margin-bottom:20px">
                标题:
                <input id="title" name="title" class="easyui-textbox" style="width:150px;height:32px">
            </div>

            <div style="margin-bottom:20px">
                    信息类别:
                <select id="typeCode" name="typeCode" class="easyui-combobox" >
                    <option value='0F31F432-0DFE-413C-A872-429BEA9F8E26' selected="selected">流行趋势</option>
                    <option value='586E0485-C919-4B81-963F-5A3981E2FE2A'>推广引导</option>
                    <option value='5BC62E88-E9D5-4A08-B086-6B0F41336D87'>行业信息</option>
                </select>
            </div>

            <div style="margin-bottom:20px;">
                <div>封面:</div>
                <textarea id="cover" id="cover" name="cover" cols="100" rows="8" style="visibility:hidden;">        
                </textarea>
            </div>

            <div>
                <button id="isok" name="isok" class="easyui-linkbutton" iconCls="icon-ok" style="width:150px;height:32px" onclick="messageManager.submit(1)" >发布信息</button>
            </div>
            <div>
                <button id="ispre" name="ispre"class="easyui-linkbutton" iconCls="icon-save" style="width:150px;height:32px"  onclick="messageManager.submit(0)" >保存草稿</button>
            </div>
        </div>  
        <div style="float:right"> 
            <textarea id="content" name="content" cols="100" rows="8" style="visibility:hidden;">
            </textarea>
        </div>

    </div>
    </div>

<script type="text/javascript">

messageManager.initTextarea();
messageManager.init();
</script>
</body>

js文件:

 //加载表格数据
        loadMessage :function(){
            var Searchtitle = $("#Searchtitle").val();

                $('#list_data_message').datagrid({
                        title: '信息管理',
                        iconCls: 'icon-save', //图标
                        loadMsg: "数据加载中,请稍后......",
                        striped: true,//设置为true交替显示行背景
                        autoRowHeight: false,//设置为false锁定行高
                        nowap: true, //列内容多时自动折至第二行
                        striped: true,//行背景交换
                        border: true,
                        collapsible: false, //是否可折叠
                        fit: false, //自动大小 datagrid自适应宽度
                        fitColumn: false, //列自适应宽度
                        url: '/api/message/index?Searchtitle='+Searchtitle,
                        remoteSort: false,
                        singleSelect: true,  //是否单选
                        pagination: true,  //分页控件
                        rownumbers: true,  //行号
                        loading: true,
                        showPageList: true,//定义是否显示页面导航列表。
                        showRefresh: true,//定义是否显示刷新按钮,
                        idField: 'uGUID', //主键
                        selectOnCheck:false,
                        checkOnSelect:false,
                        pageNumber: 1, //默认显示第几页
                        pageSize: 10,
                        pageList: [5, 10, 15],//用户可以改变页面大小。pageList属性定义了页面导航展示的页码。
                        //可编辑单元格
                        //onClickCell: onClickCell,
                        columns: [[//显示的列
                         //{ field: 'ck', title: '编号', checkbox: true, align: 'left', sortable: true },

                         { field: 'uGUID',title: '编号',hidden:true },
                         { field: 'informationTypeGUID',title: '类型编号',hidden:true },
                         { field: 'title', title: '标题', align: 'left',width:200},
                         { field: 'coverPhoto', title: '封面', align: 'left',width:200,hidden:true},
                         { field: 'informationTypeName', title: '信息类型', align: 'left',width:200},
                         { field: 'status', title: '状态', align: 'left',width:60},
                         { field: 'content', title: '内容', align: 'left',width:200,hidden:true},

                             ]],  
                        onClickRow : function(index, row){
                                 //你要写的逻辑
                            var row = $('#list_data_message').datagrid('getSelected');
                            if (row){
                                $('#title').textbox('setValue',row.title);
                                $('#uguid').val(row.uGUID);
                                if(row.informationTypeGUID!=''||row.informationTypeGUID!=null){
                                    $("#typeCode").combobox('select',row.informationTypeGUID);
                                }

                                //$("#typeCode").val(row.informationTypeGUID);
                                kcover.html(row.coverPhoto);
                                kcontent.html(row.content);
                            }
                         },
                        toolbar: [{
                            id: 'BtnAddUserInfo',
                            text: '新增',
                            iconCls: 'icon-add',
                            handler: function () {
                                messageManager.refresh();                   
                            }
                            }, '-', {
                            id: '',
                            text: '删除',
                            iconCls: 'icon-remove',
                            handler: function () {
                                var guid = $('#list_data_message').datagrid('getSelected').uGUID;
                                var data={};
                                data.guid=guid;
                                $.ajax({
                                    type : 'POST',  
                                    url : '/api/message/delete',  
                                    dataType:"json",
                                    contentType:'application/json;charset=UTF-8',
                                    data : JSON.stringify(data), 
                                    success : function(){

                                        messageManager.loadMessage();

                                    }, 
                                    error: function(XMLHttpRequest){  
                                     alert( "删除失败: " + XMLHttpRequest.responseText);  
                                   }  
                                });
                            }
                            },  '-', {
                            //查询输入框
                                text: '<input type="text" id="Searchtitle" placeholder="输入信息标题"/>',
                                }, '-', {
                            id: '',
                            text: '查询',
                            iconCls: 'icon-search',
                            handler: function () {
                                messageManager.loadMessage();
                            }
                            }, 

                            ],  


                    });
                //分页控件
                var p = $('#list_data_message').datagrid('getPager');
                $(p).pagination({
                    //pageNumber: 1, //默认显示第几页
                    //pageSize: 10,
                    //pageList: [5, 10, 15],//用户可以改变页面大小。pageList属性定义了页面导航展示的页码。
                    beforePageText: '第',
                    afterPageText: '页     共{pages}页',
                    displayMsg: '当前显示{from}-{to}条记录  共{total}条记录',
                    /*onBeforeRefresh:function(){  
                        alert('before refresh');  //刷新
                    },*/
                    /*onSelectPage:function(pageNumber,pageSize){
                        alert(pageNumber);//翻页
                        a*/
                    buttons: [{
                        iconCls: 'icon-add',
                        handler: function () { alert('add') }
                    }, '-', {
                        iconCls: 'icon-save',
                        handler: function () { alert('save') }
                    }, '-', {
                        iconCls: 'icon-cut',
                        handler: function () { alert('AAAA') }
                    }

                    ]
                });


        },

java代码(springboot)

    /**
     * 显示所有信息管理的信息
     * @param req
     * @param model
     * @return
     */
    @RequestMapping(value="/index")
    public Map<String, Object> findAllMessage(HttpServletRequest req){
        String Searchtitle = req.getParameter("Searchtitle");
        if(Searchtitle==null||Searchtitle.equals("undefined")){
            Searchtitle="";
        }
         Searchtitle = "%"+Searchtitle+"%";
         Integer page = Integer.parseInt(req.getParameter("page"));
         Integer rows = Integer.parseInt(req.getParameter("rows"));
         List<Map<String, String>> informations = messageService.findAllInformationRelease(Searchtitle,page,rows);
         int total = messageService.findCountInformationRelease(Searchtitle);
         Map<String, Object> json = new HashMap<>();
         json.put("total", total);
         json.put("rows", informations);
         String jsonarray = JSONArray.toJSONString(informations);       
        return json;
    }


    /**
     * 添加或修改一条信息
     * @param informationRelease
     * @return
     */
    @RequestMapping(value="/save")
    public FerryInfo saveMessage(@RequestBody InformationRelease informationRelease){
        FerryInfo ferryInfo = new FerryInfo();
        if(informationRelease.getuGUID()==null||"".equals(informationRelease.getuGUID())){
             informationRelease.setuGUID(UUID.randomUUID().toString());
             informationRelease.setCreator("test");//TODO
             informationRelease.setCreateTime(new Date());

         }else{
             InformationRelease info = informationReleaseDao.findOne(informationRelease.getuGUID());
             informationRelease.setCreator(info.getCreator());
             informationRelease.setCreateTime(info.getCreateTime());
         }
         informationRelease.setUpdateMan("test");//TODO
         informationRelease.setUdpateTime(new Date());
         informationRelease.setUsable(1);
         if(informationRelease.getStatus()==1){
             informationRelease.setLssueMan("test");//TODO
             informationRelease.setLssueTime(new Date());
         }
         informationReleaseDao.save(informationRelease);    
         return ferryInfo;
    }

5个回答

在js文件loadMessage方法的$('#list_data_message').datagrid下我加了 pageNumber: 1,pageSize: 10,pageList: [5, 10, 15]三个参数,这三个参数我已经在分页控件里面添加过了,其实不用加的。但是加上pageSize: 10以后,我选择一次每页显示行数以后再添加信息,rows就不会报NaN,而是10.但是我要的肯定是我自己选择的显示行数,而不是固定的10.我有一点思路,可能是初始化控件或者加载顺序的问题,但是不知道从何下手了

修改新增你对datagrid做了什么操作?测试了你代码除了你说的修改新增操作外,没你说的问题,

     <table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"
           id="dg" data-options="striped:true,singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get',pagination:true,pageList: [5, 10, 15],pageSize:10">
        <thead>
            <tr>
                <th data-options="field:'itemid',width:80">Item ID</th>
                <th data-options="field:'productid',width:100">Product</th>
                <th data-options="field:'listprice',width:80,align:'right'">List Price</th>
                <th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
                <th data-options="field:'attr1',width:250">Attribute</th>
                <th data-options="field:'status',width:60,align:'center'">Status</th>
            </tr>
        </thead>
    </table> 
    <script>
        $(function () {
            var p = $('#dg').datagrid('getPager');
            $(p).pagination({
                //pageNumber: 1, //默认显示第几页
                //pageSize: 10,
                //pageList: [5, 10, 15],//用户可以改变页面大小。pageList属性定义了页面导航展示的页码。
                beforePageText: '第',
                afterPageText: '页     共{pages}页',
                displayMsg: '当前显示{from}-{to}条记录  共{total}条记录',
                /*onBeforeRefresh:function(){  
                    alert('before refresh');  //刷新
                },*/
                /*onSelectPage:function(pageNumber,pageSize){
                    alert(pageNumber);//翻页
                    a*/
                buttons: [{
                    iconCls: 'icon-add',
                    handler: function () { alert('add') }
                }, '-', {
                    iconCls: 'icon-save',
                    handler: function () { alert('save') }
                }, '-', {
                    iconCls: 'icon-cut',
                    handler: function () { alert('AAAA') }
                }

                ]
            });
        })
    </script>
T1358696550
舊歡如夢 评论不能添加代码,请老师看我下面添加的js代码
大约 3 年之前 回复

先定位问题,再解决吧,其实解决应该是很简单的,
定位问题呢?,从你的操作每一步操作都输出你需要的那个值,看是哪一步使它转化为了NAN ,大多数时候都是由于类型不对,但是进行了数学运算,返回的话就成了NAN,你把用到加减乘除的地方都输出一下当前值,跑一下就知道问题出在哪了,

        //提交
        submit:function(status){
            kcover.sync();
            kcontent.sync();
            var url = "/api/message/save";
            var data = {};
            data.uGUID = $("#uguid").val();
            data.informationTypeGUID = $("#typeCode").combobox("getValue");
            //data.informationTypeGUID = $("#typeCode").val();
            data.title = $("#title").val();
            data.coverPhoto = document.getElementById("cover").value;
            data.content = document.getElementById("content").value;
            data.status = status;   
            $.ajax({
                type : 'POST',  
                url : url,  
                contentType : 'application/json',  
                data : JSON.stringify(data),  
                dataType : 'json',  
                success : function(){
                    $.messager.alert('Success', '操作成功!');
                    messageManager.loadMessage();

                }, 
                error: function(XMLHttpRequest){  
                 alert( "Error: " + XMLHttpRequest.responseText);  
               }  
            });
        },

修改新增过的是同一个方法,获取所有框里面的值用ajaxa提交到后台去,如果成功了就弹框提示,然后加载
messageManager.loadMessage();有什么问题吗?

如果把返回成功函数写成这样

  success : function(){
                    $.messager.alert('Success', '操作成功!');
                    //messageManager.loadMessage();
                    location.href="/message/index";
                }, 

也可以正常使用,但是刷新了页面,客户之前选择的翻页数就没了。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui的datagrid分页改变pageSize之后数据表格每页显示的记录为什么不会改变??

easyui的datagrid分页改变pageSize之后数据表格每页显示的记录为什么不会改变??

easyUI数据表格转换显示

![数据库字段,值是固定的但响应到前台的时候可能一个也可能多个](https://img-ask.csdn.net/upload/201611/29/1480391604_243382.png) 如何将里面的数据值以汉字的形式显示在表格中、试了formatter只能比较单个、本身对操作数据表格能力有限、望各位前辈提点一下

获取easyui中datagrid全部行数

获取行数的方法是 var row = $('#UserManageGrid').datagrid('getRows'); 但是我datagrid里面有数据为什么使用这个方法 alert(row.length)出来的为0?各位大神怎么解,

easyui datagrid 分页显示行数与总行不一致,求解

如题,查询数据50行分两页,第二页即只显示到第49行,但不分布情况下又可正常显示50行。 ![图片说明](https://img-ask.csdn.net/upload/201704/21/1492782874_675215.png) ![图片说明](https://img-ask.csdn.net/upload/201704/21/1492782892_731836.png)

jquery easyUI datagrid 自定义显示条数

默认显示10条信息,我想自定义5条, 添加pageSize:5属性,但是显示信息有问题,![图片](https://img-ask.csdn.net/upload/201702/21/1487684731_165127.jpg)![图片](https://img-ask.csdn.net/upload/201702/21/1487684769_764894.jpg)

求助:easyUI-dataGrid在标签页中显示不全

直接用浏览器打开/TollStation/Index,页面中的表格显示正常![图片说明](https://img-ask.csdn.net/upload/201705/18/1495047305_35640.png) 但是在/Home/Index的标签页中引用该页面表格就不能显示完全 表格的width设为auto显示的页面是![图片说明](https://img-ask.csdn.net/upload/201705/18/1495047069_7104.png) width设置为1000px时显示的页面是![图片说明](https://img-ask.csdn.net/upload/201705/18/1495047416_256711.png) 搞了好长时间都没找到问题出在哪,希望有人给个解答

easyui layout 加载页面显示不全

高手们大家好,我在使用easyui时出现一个问题,在主页面layout的center区域中加载一个页面,结果却显示不全: 主页面结构: <body id="lyt_main" class="easyui-layout" style="visibility: hidden;"> <div data-options="region:'north'" style="height:60px;"><div > <div data-options="region:'center'" "><div > <div data-options="region:'west'" style="width:60px;"><div > </body> 脚本: $('lyt_main').layput('panel','center').panel('refresh', 'pages/z/planstate.html'); 子页面 <script></script> //脚本省略,其中dtd_planprocess是datagrid,且设为fit。 <table id="dtd_planprocess" ></table> 问题: **子页面单独显示很正常,加载到主页面后数据表格右边显示不出来,经过反复查看发现layout的center区域要比实际显示的要宽,用iframe也同样存在这个问题** 。请高手们指点!

怎么在easyui表格最后一列添加switchbutton开关按钮

我想在easyui表格最后一列添加滑动开关按钮,但是运行效果是变成了input框,![图片说明](https://img-ask.csdn.net/upload/201807/19/1531994465_763991.jpg),下面是我的代码截图![图片说明](https://img-ask.csdn.net/upload/201807/19/1531994490_443598.png),只要不写在表格里面我能写出来滑动开关的效果,但是只要写在表格里面就变成input?请大家帮忙看看怎么解决

easyui 设置了复选框不能多选

easyui 设置了复选框不能多选 是不是应该有个设置可以多选的属性 我没查到有多选这个属性 个人认为复选框应该是多选是默认的啊 不然要复选框干嘛 求解答

easyui搜索框查询回来的数据怎么显示出来啊

1.我现在问题是,在打开页面的时候,调用后台的一个方法,把表格所有的数据 显示在了datagrid上,现在想在页面加个搜索框,输入用户名,点击搜索的时 候,后台会根据前端传来的参数,调用另一个方法执行相关的查询语句,然后把数据返回给前端。 ===问题来了,前端接收到数据后,怎么显示在已经获取了所有数据的在datagrid上呢? 这我相关的代码 ``` <body> <script > $(function (){ var flag ; // 判断新增和修改方法 var url;//全局变量,存储点击对话框保存按钮后,提交请求的URL地址 $('#a').datagrid({ idField:'id',//只要创建数据表格 就必须要加 idField fitColumns:true,//宽度自适应 url:'/ssm/getOperator', //geiOperator会查出表里所有数据 checkOnSelect:true,//为false,当用户仅在点击该复选框的时候才会被选中或取消。 fitColumns: true, columns:[[ {field:'id',checkbox:true}, {field:'operator_id',title:'编号',width:100,halign:'center',align:'center'}, {field:'username',title:'账户',width:100,halign:'center',align:'center'}, {field:'password',title:'密码',width:100,halign:'center',align:'center'}, {field:'operator_name',title:'姓名',width:100,halign:'center',align:'center'} ]], pagination:true,//在底部显示分页 pageSize:'5',//每页显示多少个 pageList:[5,10,20], ``` ``` $('#btn3').click(function(){ var operator_name=document.getElementById('searchbtn').value; var operator={"operator_name":operator_name}; var jsonData= JSON.stringify(operator); $.ajax({ type: 'post' , url: "/ssm/findOperByName" , cache:false , data:jsonData, dataType:'json' , contentType : "application/json;charset=UTF-8", success:function(result){ //1 关闭窗口 /* $('#mydialog').dialog('close'); */ //2刷新datagrid /* $('#a').datagrid('reload'); */ /* $('#a').datagrid('clearSelections'); */ //获取表头数据成功后,使用easyUi的datagrid去生成表格 }, error:function(result){ alert("执行失败"); } }); ``` btn3就是我点击搜索的按钮。但搜索成功后数据不会显示在表格里 如果能解决,可以有偿

easyui 表格的icon的显示问题

![图片说明](https://img-ask.csdn.net/upload/201603/18/1458286433_805.jpg)

关于easyUI如何在一个按钮的点击事件里面设置页面刷新的问题,

easyUI如何在一个按钮的点击事件里面设置刷新当前页面呢,就是按钮点击后 先要向后台传值,然后还要实现刷新当前页面的功能

使用easyui布局的 怎么可以点击按钮 在center打开界面 不发生跳转

使用easyui布局的 怎么可以点击按钮 在center打开界面 不发生跳转 ``` <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>老师信息管理中心</title> <% //权限验证 if(session.getAttribute("currentUser")==null){ System.out.println("滚"); response.sendRedirect("index.jsp"); return; } %> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href=".easyui/themes/icon.css"> <script type="text/javascript" src="easyui/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> $(function(){ // 数据 var treeData=[{ text:"信息管理", children:[{ text:"学生发布广场", attributes:{ url:"studentPlace.jsp" } },{ text:"老师发布广场", attributes:{ url:"teacherPlace.jsp" } },{ text:"个人信息", attributes:{ url:"mysession.jsp" } },{ text:"我发布的信息", attributes:{ url:"Myself.jsp" } },{ text:"网站信息", attributes:{ url:"webInstruction.jsp" } },{ text:"违规用户信息", attributes:{ url:"manInfoManager2.jsp" } },{ text:"我的沟通", attributes:{ url:"say.jsp" } },{ text:"我的订单", attributes:{ url:"" } }] }]; // 实例化树菜单 $("#tree").tree({ data:treeData, lines:true, onClick:function(node){ if(node.attributes){ openTab(node.text,node.attributes.url); } } }); // 新增Tab function openTab(text,url){ if($("#tabs").tabs('exists',text)){ $("#tabs").tabs('select',text); }else{ var content="<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%' src="+url+"></iframe>"; $("#tabs").tabs('add',{ title:text, closable:true, content:content }); } } }); </script> </head> <body class="easyui-layout"> <div region="north" style="height:120px; background-color:#E0EDEF"> <img src="image/3.jpg"> <input type="button" value="学生发布广场" onclick="javascrtpt:window.location.href='studentPlace.jsp'" target="main"> 当前用户:&nbsp;<font color="red" >${currentUser.userName }</font> <a href="studentPlace.jsp" target="center"> 学生发布广场</a> </div> <div region="center" style="height:1000px;" name="main" title="欢迎使用"> <div class="easyui-tabs" border="false" id="tabs"> <div title="首页"> <div align="center" style="padding-top: 100px;"name="main"><font color="red" size="10">欢迎使用</font></div> </div> </div> </div> <div region="west" style="width:150px;" title="导航菜单" split="true"> <ul id="tree"></ul> </div> <div region="south" style="height:25px;" align="center">版权所有<a href="http://www.baidu.com">www.baidu.com</a></div> </body> </html> ```

easyui 点击加号显示详情,修改问题

点击加号,显示详情: ``` view: detailview, detailFormatter:function(index,row){ return '<div style="padding:2px"><table class="ddv"></table></div>'; }, //详情 onExpandRow: function(index,row){ ddv = $(this).datagrid('getRowDetail',index).find('table.ddv'); ddv.datagrid({ url:'${pageContext.request.contextPath}/systemParaController/dataGridDetail?id='+row.id, fitColumns:true, singleSelect:true, rownumbers:true, pagination : true, idField : 'id', pageSize : 10, pageList : [ 10, 20, 30, 40, 50 ], checkOnSelect : false, selectOnCheck : false, striped : true, loadMsg:'', height:'auto', columns:[[ {field:'id',title:'ID',width:200,hidden:true}, {field:'name',title:'参数名',width:100,align:'center'}, {field:'value_cn',title:'参数值',width:100,align:'center'} ]], onResize:function(){ $('#dataGrid').datagrid('fixDetailRowHeight',index); }, onLoadSuccess:function(){ setTimeout(function(){ $('#dataGrid').datagrid('fixDetailRowHeight',index); },0); } }); $('#dataGrid').datagrid('fixDetailRowHeight', index); } 修改: var row = dataGrid.datagrid('getSelected'); //信息 var row1 = ddv.datagrid('getSelected'); //加号详情 if (row==null||row1 == null) { $.messager.alert('提示', '请选择需要修改的记录!', 'info'); return; } ``` 如果我不选择详情,点击修改,提示ddv undefined ,修改按钮没反应,但是如果我选择详情,不选信息,会提示‘请选择需要修改的记录’,为什么会这样呢

easyui 如何让页面左侧显示信息,右侧显示详细信息

点击一条信息,相应的详细信息在右侧显示出来,且详细信息可增、删、改

easyui的数据表格中问题

``` { field : "attachList", title : "附件", width : 250, align : "center", halign : "center", fixed:true, formatter : function(value,row,index){ alert(value); alert(row.id); return '<a href="#" onclick="dzglxx.main.fileList(\''+row.id+'\')">查看附件</a>'; } ``` 输出value的值为undefined row.id 是有值的

使用jQuery easyUI画出左侧树,点击节点,内容显示在center中的页面代码

点击一个节点,显示相应的数据信息在center中,center中是用datagrid显示的。

用easyui做form表单,但不显示出来

``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>easyui</title> <link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"> <script type="text/javascript" src="/easyui/jquery.min.js"></script> <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="/easyui/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> $(function() { var userDialog = $("#userDialog"); //点击添加按钮,弹出一个窗体Dialog $("#add").click(function() { //弹出窗体 userDialog.dialog("open"); }); }) </script> </head> <body> <!-- closed:true隐藏效果 --> <div id="userDialog" class="easyui-dialog" title="保存用户" data-options="iconCls:'icon-save',closed:true" <!-- auto代表自动判定大小 --> style="width: 300px; height: auto; padding: 20px" buttons="#btns"> <!--表单必须的属性:method="post",action提交的url地址,id属性 --> <!-- 注意id的命名,建议统一使用XXXForm --> <form id="userForm" method="post" action="user_save.jsp"> <table> <tr> <td>用户名:</td> <td><input class="easyui-validatebox" type="text" <!-- required:true代表此乃必填项 --> name="username" data-options="required:true"></input></td> </tr> <tr> <td>邮箱地址:</td> <td><input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'"></input></td> </tr> <tr> <td>主题:</td> <td><input class="easyui-validatebox" type="text" name="subject" <!-- validType:'length[10,200]'代表限定字符数量为10至200 --> data-options="required:true,validType:'length[10,200]'"></input></td> </tr> <tr> <td>Message:</td> <td><textarea name="message" style="height: 60px;"></textarea></td> </tr> </table> </form> </div> <!--按钮面板作为对话框操作面板 --> <div id="btns"> <!--不要在href里面写js代码 --> <a id="btnSubmit" href="javascript:void(0)" class="easyui-linkbutton">保存</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#userDialog').dialog('close')">取消</a> </div> </body> </html> ``` 就显示两个按钮: ![图片说明](https://img-ask.csdn.net/upload/201604/25/1461593138_104897.jpg)

easyui datagrid 不显示第一页数据

问个很白的问题。。别笑话我。。。 打算页面打开后,就直接显示数据, 但是现在必须点一下分页栏上的刷新才显示。倒也显示页数和记录数,请教这是怎么回事啊? ``` <script type="text/javascript"> $(function () { var request = new Object(); Request = GetRequest(); var db = Request['DB']; var shp_id = Request['shp_id']; $('#dg').datagrid({ border: true, url: "dm_sku.ashx?db=" + db + "&shp_id=" + shp_id , columns: [[ { title: '店铺编号', field: 'shp_id', width: 80 }, { title: '款式编号', field: 'fas_id', width: 80 }, { title: '色号', field: 'col_id', width: 40 }, { title: '颜色', field: 'col_name', width: 100 }, { title: '库存码数', field: 'dd', width: 80 }, { title: '年度', field: 'fas_year', width: 50 }, { title: '季节', field: 'fas_season', width: 50 } ]], fitColumns: true, singleSelect: true, pagination: true, loadMsg: '数据加载中,请稍后...', striped: true, pageSize: 20 }); var p = $('#dg').datagrid('getPager'); $(p).pagination({ beforePageText: '第', afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录' }); }); </script> ```

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Linux面试题(2020最新版)

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别?什么是 Linux 内核?Linux的基本组件是什么?Linux 的体系结构BASH和DOS之间的基本区别是什么?Linux 开机启动过程?Linux系统缺省的运行级别?Linux 使用的进程间通信方式?Linux 有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什...

将一个接口响应时间从2s优化到 200ms以内的一个案例

一、背景 在开发联调阶段发现一个接口的响应时间特别长,经常超时,囧… 本文讲讲是如何定位到性能瓶颈以及修改的思路,将该接口从 2 s 左右优化到 200ms 以内 。 二、步骤 2.1 定位 定位性能瓶颈有两个思路,一个是通过工具去监控,一个是通过经验去猜想。 2.1.1 工具监控 就工具而言,推荐使用 arthas ,用到的是 trace 命令 具体安装步骤很简单,大家自行研究。 我的使用步骤是...

学历低,无法胜任工作,大佬告诉你应该怎么做

微信上收到一位读者小涛的留言,大致的意思是自己只有高中学历,经过培训后找到了一份工作,但很难胜任,考虑要不要辞职找一份他能力可以胜任的实习工作。下面是他留言的一部分内容: 二哥,我是 2016 年高中毕业的,考上了大学但没去成,主要是因为当时家里经济条件不太允许。 打工了三年后想学一门技术,就去培训了。培训的学校比较垃圾,现在非常后悔没去正规一点的机构培训。 去年 11 月份来北京找到了一份工...

JVM内存结构和Java内存模型别再傻傻分不清了

JVM内存结构和Java内存模型都是面试的热点问题,名字看感觉都差不多,网上有些博客也都把这两个概念混着用,实际上他们之间差别还是挺大的。 通俗点说,JVM内存结构是与JVM的内部存储结构相关,而Java内存模型是与多线程编程相关,本文针对这两个总是被混用的概念展开讲解。 JVM内存结构 JVM构成 说到JVM内存结构,就不会只是说内存结构的5个分区,而是会延展到整个JVM相关的问题,所以先了解下

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Google 与微软的浏览器之争

浏览器再现“神仙打架”。整理 | 屠敏头图 | CSDN 下载自东方 IC出品 | CSDN(ID:CSDNnews)从 IE 到 Chrome,再从 Chrome 到 Edge,微软与...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

85后蒋凡:28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门,他的人生底层逻辑是什么?...

蒋凡是何许人也? 2017年12月27日,在入职4年时间里,蒋凡开挂般坐上了淘宝总裁位置。 为此,时任阿里CEO张勇在任命书中力赞: 蒋凡加入阿里,始终保持创业者的冲劲,有敏锐的...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

什么时候跳槽,为什么离职,你想好了么?

都是出来打工的,多为自己着想

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

立即提问
相关内容推荐