2007年6月1日金曜日

dhtmlxGridの使い方(3)-2

以下がJavsScript部分。

var mygrid;

onload=function(){
mygrid = new dhtmlXGridObject('dhtmlxGrid');
mygrid.imgURL = "imgs/";
mygrid.setHeader("Site Name,");
mygrid.setInitWidths("100,0"); // 2カラム目は0pixelにして表示させない
mygrid.setColAlign("left,left");
mygrid.setColTypes("ro,ro");
mygrid.setColSorting("str,str");
mygrid.init();
mygrid.loadXML("list.xml");
mygrid.onRowSelect=onrowsel;
}
onrowsel=function(id,u){
// クリックした行の2カラム目に表示されていないがURLが埋め込まれているので
// そのURLを取得してページ移動させる
url=mygrid.cells(id,1).getValue();
window.open(url,"_self);
}

以下が、list.xmlのイメージ。
<?xml version="1.0" encoding="EUC-JP"?>
<rows>
<row>
<cell>Yahoo! Japan</cell>
<cell>http://www.yahoo.co.jp</cell>
</row>
<row>
<cell>Google</cell>
<cell>http://www.google.co.jp</cell>
</row>
</rows>

上記のようにすると、クリックした行に仕込んでおいたURLへジャンプさせることが出来ると思います。
ちなみに、チェックはしていないので、初歩ミス等はお許し下さいw