0

我有一个在普通 HTML 表中而不是在 DOJO 中的表。现在我需要一个功能，当我单击一行时，另一个表必须填充与单击的行相关的详细信息。我只需要在 DOJO 上做。我没有任何代码，因为它是一个初创公司。

4

1 回答 1

0

这是一个如何将 onClickEvent 连接到 TableRow 的示例。我正在使用道场 1.9

HTML 表：

<body>
<table border="1">
<tr>
   <th>Berlin</th>
   <th>Hamburg</th>
   <th>M&uuml;nchen</th>
 </tr>
 <tr>
    <td id="m1">Milj&ouml;h</td>
    <td id="m2">Kiez</td>
    <td id="m3">Bierdampf</td>
  </tr>
  <tr>
    <td>Buletten</td>
    <td>Frikadellen</td>
    <td>Fleischpflanzerl</td>
  </tr>
</table>

<div id="InertGridHere"> Here comes the DataGrid</div>

以及 OnClick 连接的 Javascript：

require(["dojo/dom","dijit/registry","dojo/on","dojo/json","dojo/domReady!"],function(dom,registry,on,JSON){

on(dom.byId("m1"),"click",function(){
     fillTable('M1');
});
on(dom.byId("m2"),"click",function(){
     fillTable('M2');
});
on(dom.byId("m3"),"click",function(){
     fillTable('M3');
});


function fillTable(Element){

    //programm your query for building the
    //Store for the DGrid
    alert(Element);
 }
});

现在您必须决定将什么传递给构建网格的函数。这是上面示例的小提琴：http: //jsfiddle.net/uPfNR/2/

这里有一个初学者： http ://dojotoolkit.org/reference-guide/1.9/dojox/grid/DataGrid.html#dojox-grid-datagrid 以及如何使用网格的教程：http: //dojotoolkit.org/文档/教程/1.9/datagrid/

问候，米里亚姆

于 2013-09-06T09:51:22.570 回答