jquery easyUI demo学习中的问题

ComboGrid（数据表格下拉框）

1.写法和官方一样，没有的话可以去下载一个api中文文档.使用Javascript通过已经定义的数据表格下拉框。

<input id="cc" name="dept" value="01" />
$('#cc').combogrid({
delay: 500, //就是你在文本写模糊查询或者其他时间，下拉所做的查询时间
mode: 'remote', //这个尤为重要，它是一个远程加载数据在下拉（说白了就是你在文本框按条件查询要用到）
url: 'get_data.php', //url路径
idField: 'id', //id
textField: 'name', //显示文本框中
fitColumns:true, //自动调整样式大小
columns: [[ //加载数据
{field:'code',title:'Code',width:120,sortable:true},
{field:'name',title:'Name',width:400,sortable:true}
]]
});
注意：这个重要是在文本进行模糊查询的时候，在参数传到后台，参数命名必须为q,这是easyUI封装了的！例如
Tree（树结构）
树控件也可以定义在一个空<ul>元素中并使用Javascript加载数据。
<ul id="tt"></ul>
$('#tt').tree({
url:'tree_data.json'
});
Tree的json格式
[{
"id": 1,
"text": "Node 1",
"state": "closed",
"children": [{
"id": 11,
"text": "Node 11"
},{
"id": 12,
"text": "Node 12"
}]
},{
"id": 2,
"text": "Node 2",
"state": "closed"
}]
这个我不得不吐槽一下，百度上大多都是说这种格式，而不说明这种格式如何写。很反感那些人。
package com.kjcity.sys.domain;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class TreeNode {


   /**
   * 节点id
   */
   private int id;
   /**
   * 树节点名称
   */
   private String text;


   private int pid;
   /**
   * 子节点
   */
   private List<TreeNode> children;
   public int getId() {
       return id;
   }
   public void setId(int id) {
       this.id = id;
   }
   public String getText() {
       return text;
   }
   public void setText(String text) {
       this.text = text;
   }
   public int getPid() {
       return pid;
   }
   public void setPid(int pid) {
       this.pid = pid;
   }
   public List<TreeNode> getChildren() {
       return children;
   }
   public void setChildren(List<TreeNode> children) {
       this.children = children;
   }
   public TreeNode(int id, String text, int pid, List<TreeNode> children) {
       super();
       this.id = id;
       this.text = text;
       this.pid = pid;
       this.children = children;
   }
   public TreeNode() {
       super();
   }
}

package com.kjcity.common;

import java.util.ArrayList;
import java.util.List;

import com.kjcity.sys.domain.TreeNode;

public class JsonFactory {
   // 以对象形式传回前台

   public static List<TreeNode> buildtree(List<TreeNode> nodes,int id){
       List<TreeNode> treeNodes=new ArrayList<TreeNode>();
       for (TreeNode treeNode : nodes) {
           TreeNode node=new TreeNode();
           node.setId(treeNode.getId());
           node.setText(treeNode.getText());
           if(id==treeNode.getPid()){
               node.setChildren(buildtree(nodes, node.getId()));
               treeNodes.add(node);
           }

       }
       return treeNodes;
   }

}
这两个文件是关于Tree的json格式问题。当然也可以两个文件写成一个。至于其他官网上有。
ComboTree（树形下拉框）
这个是图片，我所做的没有添加checkbox相信添加一个checkbox小case
使用Javascript创建树形下拉框。
<input id="cc" value="01">
$('#cc').combotree({
url: 'get_data.php',
});
这个其实就是按照上面Tree的json格式写就可以出来的！
DataGrid（数据表格）
<table id="dg"></table>
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});
DataGrid的json格式
{"total":3,"rows":[{"id":"1","time":"时间time","title":"法律title"},{"id":"2","time":"时间1time","title":"法律1title"},{"id":"3","time":"时间2time","title":"法律2title"}]}//注意这个total,rows必须要有。是一种格式你total是数量,rows是数组.
TreeGrid（树形表格）
使用Javascript创建树形表格。
<table id="tt" style="width:600px;height:400px"></table>
$('#tt').treegrid({
url:'get_data.php',
idField:'id',
treeField:'name',
columns:[[
{title:'Task Name',field:'name',width:180},
{field:'persons',title:'Persons',width:60,align:'right'},
{field:'begin',title:'Begin Date',width:80},
{field:'end',title:'End Date',width:80}
]]
});
这个也得注意它的格式，我是这样的将id的命名为_parentId