jquery easyui1.4.2 can not .
code:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'report_add_head.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="bi/js/jquery_easyui_1.4.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="bi/js/jquery_easyui_1.4.2/themes/icon.css">
<script type="text/javascript" src="bi/js/jquery_easyui_1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="bi/js/jquery_easyui_1.4.2/jquery.easyui.min.js"></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var data = {"total":7,"rows":[
{"id":1,"name":"All Tasks","begin":"3/4/2010","end":"3/20/2010","progress":60,"iconCls":"icon-ok"},
{"id":2,"name":"Designing","begin":"3/4/2010","end":"3/10/2010","progress":100,"_parentId":1,"state":"closed"},
{"id":21,"name":"Database","persons":2,"begin":"3/4/2010","end":"3/6/2010","progress":100,"_parentId":2},
{"id":22,"name":"UML","persons":1,"begin":"3/7/2010","end":"3/8/2010","progress":100,"_parentId":2},
{"id":23,"name":"Export Document","persons":1,"begin":"3/9/2010","end":"3/10/2010","progress":100,"_parentId":2},
{"id":3,"name":"Coding","persons":2,"begin":"3/11/2010","end":"3/18/2010","progress":80},
{"id":4,"name":"Testing","persons":1,"begin":"3/19/2010","end":"3/20/2010","progress":20}
],"footer":[
{"name":"Total Persons:","persons":7,"iconCls":"icon-sum"}
]}
$('#tg').treegrid({
data: data,
onLoadSuccess: function(){
$(this).treegrid('beginEdit',3);
}
});
});//]]>
</script>
</head>
<body>
<table id="tg" title="Editable TreeGrid" style="height:250px"
data-options="
rownumbers: true,
animate: true,
fitColumns: true,
idField: 'id',
treeField: 'name'
">
<thead>
<tr>
<th data-options="field:'name',width:180,editor:'text'">Task Name</th>
<th data-options="field:'persons',width:60,align:'right',editor:'numberbox'">Persons</th>
<th data-options="field:'progress',width:60,editor:'numberbox'">Progress</th>
<th data-options="field:'ck',width:60,align:'center',
editor:{
type:'checkbox',
options:{
on:'on',
off:''
}
}"></th>
</tr>
</thead>
</table>
</body>
</html>