wsGrid是一个功能强大的JavaScript控件，它允许开发者在网页上创建复杂的网格布局。本文将介绍如何使用wsGrid控件，包括创建实例、初始化、设置标题、插入项目、生成代码以及展开/收缩树状结构的方法。
要使用wsGrid控件，首先需要创建一个实例。以下是创建实例的代码示例：
var m_wsGridCtrl = new wsGridCtrl();
创建实例后，接下来需要进行初始化操作。
初始化wsGrid控件需要指定宽度和鼠标悬停时的颜色。以下是初始化的代码示例：
m_wsGridCtrl.initializeDocument(500, "#FF9999");
在这里，第一个参数500表示网格的宽度，第二个参数"#FF9999"表示鼠标悬停时的颜色。
接下来，可以为网格添加标题。以下是添加标题的代码示例：
m_wsGridCtrl.InsTab("Title", "*");
m_wsGridCtrl.InsTab("Content", "400");
在这里，第一个参数是标题文本，第二个参数是标题的宽度。"*"表示宽度自适应。
插入项目是wsGrid控件的核心功能之一。以下是插入项目的代码示例：
m_wsGridCtrl.InsItem(null, "Menu1;Content1;", "http://yahoo.com;http://google.com;", "_self;_blank;");
m_wsGridCtrl.InsItem(null, "Menu2;Content2;", "http://yahoo.com;http://google.com;", "_blank;_blank;");
在这里，第一个参数是父项目，null表示顶级项目。第二个参数是项目内容，使用分号分隔不同的内容。第三个参数是超链接地址，第四个参数是链接打开的方式。
除了插入顶级项目，还可以插入子项目。以下是插入子项目的代码示例：
var iItem = m_wsGridCtrl.InsItem(null, "Menu3;Content3;", "http://yahoo.com;http://google.com;", "_blank;_blank;");
m_wsGridCtrl.InsItem(iItem, "Menu5;Content5;", "http://yahoo.com;http://google.com;", "_blank;_blank;");
在这里，第一个参数是父项目，iItem是之前插入的顶级项目。第二个参数是子项目内容，第三个参数是超链接地址，第四个参数是链接打开的方式。
在插入完所有项目后，需要生成代码。以下是生成代码的代码示例：
m_wsGridCtrl.GenerateCode();
生成代码后，可以通过JavaScript将代码插入到HTML页面中。
wsGrid控件支持树状结构的展开和收缩。以下是展开和收缩树状结构的代码示例：
m_wsGridCtrl.ReduceAllTree();
m_wsGridCtrl.ExpandAllTree();