65.9K
CodeProject is changing. Read more.
Home

JScript Tree Grid Control

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.45/5 (10 votes)

Jan 12, 2004

viewsIcon

80662

downloadIcon

1277

Tree Grid control for JScript.

Sample Image - wsGridCtrl.gif

Introduction

This article demonstrates a Tree Grid control for JScript.

How to use

// Create wsGrid Instance
 m_wsGridCtrl = new wsGridCtrl();
 
 // Initialize
 // Param1: width
 // Param2: OnMouseOver Color
 m_wsGridCtrl.initializeDocument(500, "#FF9999");
 // Titles Create
 // Param1: Text
 // Param2: Width
 m_wsGridCtrl.InsTab("Title", "*");
 m_wsGridCtrl.InsTab("Content", "400");
 

 // Insert Item Example
 // Param1: Parent Item
 // Param2: Item. If title is two..
//          you must write two Items. (delimiter is ';')
 // Param3: hyper link (it also delimiter is ';')
 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;");
 
 // Sub Item Example
 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;");
 m_wsGridCtrl.InsItem(null, "Menu6;Content6;", 
   "http://yahoo.com;http://google.com;", "_blank;_blank;");
 m_wsGridCtrl.InsItem(null, "Menu7;Content7;", 
   "http://yahoo.com;http://google.com;", "_blank;_blank;");
  

 // finilly generate code (It is important!)
 m_wsGridCtrl.GenerateCode(); 
 // First state setting (ExpandAllTree or RecudeAllTree)
 m_wsGridCtrl.RecudeAllTree();
// m_wsGridCtrl.ExpandAllTree();