1

HTMLマークアップ、入力フィールド、およびプレーンテキストを含むセルを含むサーバー側で生成された動的テーブルがあります。また、ユーザーがセル内の数値にパーセントを追加できるスライダー ウィジェットもあります。スライダーは、テーブル内のセル (td) ごとに 1 つのノードを含む有効な XML ファイルを返す ajax 呼び出しを行います。これはすべて正常に機能しています。

問題は、XML とセルの両方を同時にループする方法がわからないことです。XML データの取得が正常に機能するようになりました。

$('#point_value').live("change", function(){
    var this_sct=$(".program_grid");

    $.ajax({
        type:'POST',
        url:"ajax/points_update.php",
        data:{
            pr_id:$("#programid").val(),
            point:$("#point_value").val(),
            calc_lease_amount:$("#calc_lease_amount").val(),
            calc_lease_amount_extra_dollar:$("#calc_lease_amount_extra_dollar").val()
        },
        context:document.body,
        dataType:"xml",
        success:function(xml){
            $(xml).find('payment').each(function(){
            ... this is where the code needs to loop through each <td>
            ... and update the existing values with the new XML values

            >> doesn't work >> $(this_sct).next('input[name^="elb"]').val($(this).find("payment_h").text());                

            ... replace dynamically named input 'elb##' value with new number
            ... each <td> will have an input  field needing to be updated
            ...   <td><input name='elb1' value='123.45'></td>
            ...   <td><input name='elb2' value='419.11'></td>

        }
    });
});

「elb」で始まる入力を更新し、<input>そのfind.val() を XML の「payment_h」text() フィールドに変更して、更新を試みました。

XML サンプル ファイル

<?xml version="1.0" encoding="iso-8859-1"?>
<program>
<payment>
    <payment_h>3018.48</payment_h>
    <payment_l>2018.48</payment_l>
    <bo_1>100.62</bo_1>
    <bo_2>17.45</bo_2>
</payment>
<payment>
    <payment_h>2269.74</payment_h>
    <payment_l>1269.74</payment_l>
    <bo_1>75.66</bo_1>
    <bo_2>13.12</bo_2>
</payment>
<payment>
    <payment_h>1897.20</payment_h>
    <payment_l>897.20</payment_l>
    <bo_1>63.24</bo_1>
    <bo_2>10.97</bo_2>
</payment>
</program>

HTML サンプルファイル

<table>
<tr>
    <th></th>
    <th>header 1</th>
    <th>header 2</th>
    <th>header 3</th>
</tr>
<tr>
    <th>row 1</th>
    <td><input type="hidden" name='elb7' value='123.45'>123.45</td>
    <td><input type="hidden" name='elb8' value='823.15'>823.15</td>
    <td><input type="hidden" name='elb9' value='1123.95'>1123.95</td>
</tr>   
<tr>
    <th>row 2</th>
    <td><input type="hidden" name='elb10' value='2123.45'>2123.45</td>
    <td><input type="hidden" name='elb11' value='3123.45'>3123.45</td>
    <td><input type="hidden" name='elb12' value='4123.45'>4123.45</td>
</tr>   
</table>

私は近くにいますが、方向性が必要です。

前もって感謝します。

4

2 に答える 2

0

あなたはかなり近いようです（これがこんなに簡単だとはほとんど信じられません）。次のように成功関数を変更します。

   success:function(xml){
                var pos =0;
                $(xml).find('payment').each(function(){
                    var e = $(this_sct).find('input[name^="elb"]')[pos];
                    $(e).val($(this).find("payment_h").text());
                    pos++;
                })

いくつかの改善の可能性がありますが、これは道を示すはずです。これは、「this_sct」が、変更する必要がある td の親 tr 要素であると想定しています。

于 2013-05-21T17:47:53.393 に答える