0

私はjQueryを初めて使用し、ユーザーがページの送信ボタンをクリックしたときにjQueryダイアログを開くのに苦労しています。どんな助けでも大歓迎です！

他の投稿やグーグルなどを検索しましたが、まだよくわかりません。以下にコードの関連部分を含めます。ちょうどfyi、私はTelerikコントロールを使用していて、送信ボタンはテーブル内にあります。これは、マスターページを使用するかなり大きなasp.net/vb.netWebアプリ内の1つのページです。

最終的には、ユーザーに[はい、いいえ、キャンセル]ダイアログを表示したいのですが、この時点では、ダイアログを開いてもらうだけです。

<script type="text/javascript">
function confirmSubmit2(sender, args) {
    var rblNextStep = document.getElementById("<%= cbNextStep.ClientID %>");
    var radioButtons = rblNextStep.getElementsByTagName('input');
    var selectedButton = radioButtons.length - 1;

    if (radioButtons[selectedButton].checked) {
        var hasItems = document.getElementById('<% =hfHasItems.ClientId %>').value

        if (parseInt(hasItems) != 0)
            jQuery("#dialog").dialog('open');
    }
}

    $(function () {
        $("#dialog").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Delete all items": function () {
                    $(this).dialog("close");
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });
    });


<td style="font-family: Times New Roman; font-size: medium; width: 33%; text-align: left;">
    <div id="dialog">
     <asp:Panel ID="btnSubmitWrapper" runat="server">
        <telerik:RadButton ID="btnSelSubmit" runat="server" Skin="Sunset" Text="Submit"
            ValidationGroup="Review" Width="98%" OnClientClicked="confirmSubmit2"
            SingleClick="true" SingleClickText="Submitting..." DisabledButtonCssClass="btnDisable">
        </telerik:RadButton>
    </asp:Panel>
    </div>
</td>

ありがとう！

4

1 に答える 1

1

ダイアログプラグインを正しく呼び出していないようです。

ダイアログを開くには、jqueryを使用して、このようなことを行ってクリックイベントを接続してみませんか。

$("#<%=btnSelSubmit.ClientID %>").click(function () {
    var dlg = $("#Dialog").dialog({
        title: "Something here",
        autoOpen: true,
        width: 600,
        modal: true
        }
    });
于 2013-02-04T20:00:17.067 に答える