您当前的位置: 首页 > 

杨林伟

暂无认证

  • 1浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

60jqGrid - 树模式添加数据

杨林伟 发布时间:2019-04-28 11:33:27 ,浏览量:1

现在树表格与表单编辑完全的兼容。你可以增加,编辑,删除一个节点。 如果一行被选中,每一个节点都会作为一个子节点被添加进去。 如果一行未被选中,那么添加的是一个跟节点。 在这里插入图片描述

HTML代码举例

  
    jqGrid 实例
  
  
    ···代码省略···
    
    
···代码省略···
javascript代码举例

$(function(){
  pageInit();
});
function pageInit(){
  jQuery("#addtree").jqGrid({
       url: ctx+'/TreeGrid2',
    treedatatype: "xml",
    mtype: "POST",
       colNames:["id","Account","Acc Num", "Debit", "Credit","Balance"],
       colModel:[
         {name:'id',index:'id', width:1,hidden:true,key:true, editable:true},
         {name:'name',index:'name', width:180, editable:true},
         {name:'num',index:'acc_num', width:80, align:"center",editable:true},
         {name:'debit',index:'debit', width:80, align:"right",editable:true},
         {name:'credit',index:'credit', width:80,align:"right",editable:true},
         {name:'balance',index:'balance', width:80,align:"right",editable:true}
       ],
    height:'auto',
    pager : "#paddtree",
      treeGrid: true,
    ExpandColumn : 'name',
    editurl:'server.php?q=dummy',
    caption: "Add Tree node example"
  });
  jQuery("#addtree").jqGrid('navGrid',"#paddtree");

}
java servlet代码举例
package net.mn886.blog.jqgrid.new_3_4;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class TreeGrid2
 */
public class TreeGrid2 extends HttpServlet {
  private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public TreeGrid2() {
        super();
        // TODO Auto-generated constructor stub
    }

  /**
   * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
   */
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
    doPost(request, response);
  }

  /**
   * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
   */
  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
    String nodeid = request.getParameter("nodeid");
    String xml = "";
    if(nodeid ==null || "".equals(nodeid)){//一级数据
      xml = "" +
          "  " +
          "    1" +
          "    1" +
          "    1" +
          "    " +
          "      1" +
          "      Cash" +
          "      100" +
          "      400.00" +
          "      250.00" +
          "      150.00" +
          "      0" +
          "      " +
          "      false" +
          "      false" +
          "    " +
          "    " +
          "      5" +
          "      Bank's" +
          "      200" +
          "      1500.00" +
          "      1000.00" +
          "      500.00" +
          "      0" +
          "      " +
          "      false" +
          "      false" +
          "    " +
          "    " +
          "      8" +
          "      Fixed asset" +
          "      300" +
          "      0.00" +
          "      1000.00" +
          "      -1000.00" +
          "      0" +
          "      " +
          "      true" +
          "      false" +
          "    " +
          "  ";
    }else if("5".equals(nodeid)){//二级数据
      xml = "" +
          "  " +
          "    1" +
          "    1" +
          "    1" +
          "    " +
          "      3" +
          "      Sub Cash 1" +
          "      1" +
          "      300.00" +
          "      200.00" +
          "      100.00" +
          "      1" +
          "      " +
          "      true" +
          "      false" +
          "    " +
          "  ";
    }
    response.getWriter().write(xml);
  }

}

关注
打赏
1662376985
查看更多评论
立即登录/注册

微信扫码登录

0.0603s