0

編集： より良いデモンストレーションのためにJSfiddleを追加

したがって、これが適切なプログラミングであるかどうかはわかりませんが、複数のセルを持つテーブルがあり、それらのいくつかは他のセルに依存しています (>、< など)。また、値が他のセルに依存しているフォームもあります。

これらのテーブル/フォームを XML から動的に生成するために XSLT を使用しています。そのため、XML に応じて、ページの外観とデータが異なります。問題は、依存する個々の要素への参照を持つように XML を設計する必要があるかどうかです。値を入力すると、値が依存関係の条件を満たしているかどうかを確認します。このJsFiddle では、セルには、チェックする必要があるセルを明示的に示す data-valueLimits があります。

<tbody><tr class="tableRow">
<td ><input type="Text" id="1102" style="text-align:center;" data-valuelimits="&   
lt;=:1103"/></td>
<td><input type="Text" id="1103" style="text-align:center;" data-valuelimits="&  
gt;=:1102"/></td>
</tr></tbody>
</table>

チェックする必要がある要素を明示的に伝えているため、これは少しハックだと思います。

私は、任意の要素をクリックしてその場所を見るだけでよい場合に、より動的なものを望んでいました。

たとえば、列 1 行 1 のセルのフォーカスを外すと、この列が列 2 より小さいという列のヘッダーの情報を参照するイベントが発生します。そのため、列 2 行 1 のセルを取得して、列 1 行 1 のセルの値は、列 2 行 1 のセルよりも小さいです。ただし、この問題は、要素をどこにでも配置できる一方で、それらをグループ化する必要があることです。このJsFiddle では、data-valueLimits がヘッダーにあり、プログラムで情報を取得して、その情報に基づいてどの列に基づいているか、どの行にセルがフォーカスされていないかを判断して、比較する値を取得する必要があります。このようにして、それがどのセルであるかを知る必要はありませんが、場所を知る必要があります。

<thead><tr>
<th ><label data-valuelimits="&lt;=:MaxNum" name="MinNum">Min Number</label></th>
<th class="dataTableHeader"><label data-valuelimits="&gt;=:MinNum" name="MaxNum">Max   
Number</label></th>
</tr></thead>

両方の方法を組み合わせる方法を知っている人はいますか？

4

1 に答える 1