1

私はjQuery MobileとPHPにかなり慣れていないので、PHP whileループがあるという問題があります

    while ( $row = sasql_fetch_array ( $idresult ) ) {
    echo "
        <li>
            <a href='#' data-rel='popup' data-position-to='window' data-transition='pop'>
                <div class='ui-grid-a'>
                    <div class='ui-block-a'>
                        <div class='ui-bar ui-bar-a titleRow' style='height:15px'>Identification Type</div>
                        <div id='idType' class='ui-bar ui-bar-a 'style='height:15px; background-color:transparent; border: none; color: black; font-weight: normal;' >" . $row ['description'] . "</div>
                    </div>
                    <div class='ui-block-b'>
                        <div class='ui-bar ui-bar-a titleRow' style='height:15px'>Details</div>
                        <div id='idNo' class='ui-bar ui-bar-a ' style='height:15px; background-color:transparent; border: none; color: black; font-weight: normal;'>" . $row ['number'] . "</div>
                    </div>
                </div>
            </a>
            <a href='#editCustId' data-rel='popup' data-position-to='window' data-transition='pop'>Edit</a>
        </li>
        ";
} // end while
echo "</ul>";
} // end if

ユーザーが編集ボタンをクリックすると、その特定の行の ID を渡す必要があります。これをどこに入れたらいいのかわからないのですが、こんな感じでしょうか…？フォームがない場合、これは機能しますか?

<input type="hidden" name="the_id" value='<?php " . $row ['theid'] . " ?>' />

しかし、これを行う方法がわかりません。ダイアログを新しいページとして開いてみました。

<a href='./editCustId.php?id=" . $row['theid'] . "' data-rel='popup' data-position-to='window' data-transition='pop' class='ui-btn ui-btn-inline ui-icon-edit ui-btn-icon-notext'>Edit</a>

編集をクリックすると、このポップアップが開きます

    <div data-role='popup' id='editCustId' data-theme='a' data-overlay-theme='a' data-dismissible='false' style='min-width: 300px;'>
                <div data-role='header' data-theme='a'>
                    <h1>Add ID</h1>
                </div>
                <div data-role='main' class='ui-content'>
                    <form id='editId' onsubmit="return false;">

                        <input type="hidden" name="cust_id" value='<?php echo $custid; ?>' /> 
                        <input type="hidden" name="sess_id" value='<?php echo $sid; ?>' />



                        <!-- <input type="hidden" name="submitted" value="true" /> -->

                        <div class="ui-field-contain">
                            <label for="phoneType">Type</label> 
                                <select name="idType" id="idType">
                                    <?php echo $idInnerOptions; ?>
                                </select>
                        </div>
                        <div class="ui-field-contain">
                            <label for="idDesc">Description</label> <input type="text" name="idDesc" id="idDesc" value="">
                        </div>

                        <div class='ui-grid-a'>
                            <div class='ui-block-a'>
                                <input type='submit' id="submit" value='Update' class='ui-btn ui-btn-inline' data-transition='pop' />       
                            </div>
                            <div class='ui-block-b'>
                                <a href='#' class='ui-btn' data-rel='back' data-transition='pop' id="addIdReset">Cancel</a>
                            </div>
                            <div id="success" style="color: black;"></div>
                        </div>
                    </form>

                </div>
        </div>

説明と番号には、クリックされたリンクに基づいた関連情報が含まれます。

私はajaxを介してデータを渡すことを検討してきましたが、私が何をすべきかを本当に理解していませんか?

4

1 に答える 1

0

詳細を確認するために、ここに 2 つの問題があると思います。

  1. 私が思い出したように、jquery モバイルのポップアップ機能は、ポップアップ データの役割を持つ div 内にあるコード用です。したがって、あなたがやろうとしたことは、JQM ロジックにはありません。ただし、JQM では、div で popup data-role を使用して iframe を使用することもできるため、おそらくそれが良い解決策になるでしょう。
  2. 別の方法として、必要なページのコンテンツを AJAX で popup data-role を持つ div に動的にロードすることもできます。

お役に立てれば

于 2014-02-14T21:16:29.483 に答える