easyui的datagrid中对记录修改,修改后如何显示在前台??

发布于 2021-11-19 16:08:17 字数 12658 浏览 821 评论 4

获取修改的记录,修改后按确定后触发editUser():

function editUser(){
            var row = $('#dg').datagrid('getSelected');
            if (row){
                $('#bian').dialog('open').dialog('setTitle','编辑账户');
                $('#bianji').form('load',row);
                url = 'update_user.php?id='+row.id;
            }
        }

它对应的div是:<div id="bian" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px "
                closed="true" buttons="#dlg-buttons">
            <div class="ftitle">编辑信息</div>
            <form id="bianji" method="post" novalidate>
                <div class="fitem">
                    <label>http服务接口名称</label>
                    <input name="httpServiceName" class="easyui-validatebox" required="true">
                </div>
                <div class="fitem">
                    <label>http服务请求类型</label>
                    <input name="httpRequestType" class="easyui-validatebox" required="true">
                </div>
                <div class="fitem">
                    <label>http 服务响应类型</label>
                    <input name="httpResponseType" class="easyui-validatebox" required="true">
                </div>
                 <div class="fitem">
                    <label>http开始时间</label>
                    <input name="httpStartDateTime" class="easyui-validatebox" required="true">
                </div>
                 <div class="fitem">
                    <label>http断开时间</label>
                    <input name="httpEndDateTime" class="easyui-validatebox" required="true">
                </div>
                 <div class="fitem">
                    <label>http连接时长</label>
                    <input name="httpConnctionTime" class="easyui-validatebox" required="true">
                </div>
                 <div class="fitem">
                    <label>http执行是否成功</label>
                    <input name="httpStatus" class="easyui-validatebox" required="true">
                </div>
                <div class="fitem">
                    <label>http连接描述</label>
                    <input name="httpConnctionDesc" class="easyui-validatebox" required="true">
                </div>
                <div id="dlg-buttons">
                        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="saveuser()" iconcls="icon-save">保存</a>
                        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#bian').dialog('close')"
            iconcls="icon-cancel">取消</a>
                    </div>
            </form>
        </div>

单击保存后触发saveuser()方法:

function saveuser(){

               var result;
            $('#bianji').form('submit',{
                url: '<%=path%>/httpLog/getHttpLogData.do',
                onSubmit: function(){
                    return $(this).form('validate');
                },
                success: function(result){
                    result = eval('('+result+')');
                    
                }
            });
            $('#dg').datagrid({
                columns:[[
                    {field:'result.httpServiceName',title:'http服务接口名称',width:60},
                    {field:'result.httpRequestType',title:'http服务请求类型',width:60},
                    {field:'result.httpResponseType',title:'http 服务响应类型',width:60},
                    {field:'result.httpStartDateTime',title:'http开始时间',width:60},
                    {field:'result.httpEndDateTime',title:'http断开时间',width:60},
                    {field:'result.httpConnctionTime',title:'http连接时长',width:60},
                    {field:'result.httpStatus',title:'http执行是否成功',width:60},
                    {field:'result.httpConnctionDesc',title:'http连接描述',width:60},
                ]]

            });

后台对应的方法是:@RequestMapping("/getHttpLogData")
    private void getHttpLogData(HttpServletResponse response,HttpServletRequest request)
            throws IOException {
        
        String httpServiceName=request.getParameter("httpServiceName");
        String httpRequestType=request.getParameter("httpRequestType");
        String httpResponseType=request.getParameter("httpResponseType");
        String httpStartDateTime=request.getParameter("httpStartDateTime");
        String httpEndDateTime=request.getParameter("httpEndDateTime");
        String httpConnctionTime=request.getParameter("httpConnctionTime");
        String httpStatus=request.getParameter("httpStatus");
        String httpConnctionDesc=request.getParameter("httpConnctionDesc");
        
        JSONObject jsonObject = new JSONObject();
        JSONArray rows = new JSONArray();

        Map<String, String> map = new HashMap<String, String>();

        
        map.put("httpServiceName", httpServiceName);
        map.put("httpRequestType",httpRequestType);
        map.put("httpResponseType",httpResponseType);
        map.put("httpStartDateTime",httpStartDateTime);
        map.put("httpEndDateTime", httpEndDateTime);
        map.put("httpConnctionTime",httpConnctionTime);
        map.put("httpStatus", httpStatus);
        map.put("httpConnctionDesc", httpConnctionDesc);

        response.setCharacterEncoding("utf-8");
        response.setHeader("Cache-Control", "no-cache");
        response.setContentType("text/json;charset=UTF-8");
        
        jsonObject.put("total", 1);
        jsonObject.put("rows", rows);
        System.out.println(jsonObject.toString());
        response.getWriter().write(jsonObject.toString());

求大师帮忙!!!!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

坚持沉默 2021-11-25 16:43:18

在点击修改按钮完成之后调用楼上的方法

毁梦 2021-11-25 16:36:12

+1

夜司空 2021-11-25 16:16:13

不看api文档,就来发帖问

无人问我粥可暖 2021-11-25 13:43:22

这都试过了,都不行估计是后台写的有问题。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文