现在树表格与表单编辑完全的兼容。你可以增加,编辑,删除一个节点。 如果一行被选中,每一个节点都会作为一个子节点被添加进去。 如果一行未被选中,那么添加的是一个跟节点。
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);
}
}