Question

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

Answer 1

以下是如何将onClickEvent连接到TableRow的示例。我正在使用dojo 1.9

HTML-Table：

<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);
 }
});

现在你必须决定你传递给构建Grid的函数。以下是上述示例的小提琴：http://jsfiddle.net/uPfNR/2/

以下是您的首发： http://dojotoolkit.org/reference-guide/1.9/dojox/grid/DataGrid.html#dojox-grid-datagrid 和教程如何使用网格： http://dojotoolkit.org/documentation/tutorials/1.9/datagrid/

问候，Miriam

使用DOJO在另一个表行中填充表格

1 个答案: