Подтверждение пользовательского интерфейса не запускает событие - PullRequest
Новая
       6

Подтверждение пользовательского интерфейса не запускает событие

0 голосов
/ 13 февраля 2011

Я использую окно подтверждения jQuery в моем списке просмотра, и окно подтверждения, отображаемое пользователем, нажимает удалить. Проблема, с которой я столкнулся, заключается в том, что когда пользователь нажимает кнопку OK, событие lvAlbums_ItemDeleting не запускается.

Ниже приведен код .aspx: 

<link href="jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="jQuery/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="https://www.google.com/jsapi?key=" type="text/javascript"></script>
    <script type="text/javascript">
        google.load("jquery", "1");
        google.load("jqueryui", "1");
    </script>
    <script type="text/javascript">
        $().ready(function () {
            $('#dialogContent').dialog({
                autoOpen: false,
                modal: true,
                title: "MySql Membership Config Tool",
                width: 300,
                height: 250
            });
        });

        function rowAction(uniqueID) {

            $('#dialogContent').dialog('option', 'buttons',
                {
                    "OK": function () { __doPostBack(uniqueID, ''); $(this).dialog("close"); },
                    "Cancel": function () { $(this).dialog("close"); }
                });

            $('#dialogContent').dialog('open');

            return false;
        }

</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
<div id="thumbs">
        <asp:ListView ID="lvAlbums" runat="server" GroupItemCount="15" DataKeyNames="album_id">
            <LayoutTemplate>
                <table id="groupPlaceholderContainer" runat="server" border="0" cellpadding="0" cellspacing="0"
                    style="border-collapse: collapse; width: 100%;">
                    <tr id="groupPlaceholder" runat="server">
                    </tr>
                </table>
            </LayoutTemplate>
            <GroupTemplate>
                <tr id="itemPlaceholderContainer" runat="server">
                    <td id="itemPlaceholder" runat="server">
                    </td>
                </tr>
            </GroupTemplate>
            <ItemTemplate>
                <div>
                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# "ThumbNail.ashx?ImURL=/uploads/"+Eval("photo_file_name") %>'
                        Width="130" Height="150" BorderStyle="None" />
                    <asp:Label ID="lblPhotoTitle" runat="server" Text='<%# Eval("album_name") %>' CssClass="photoTitle"></asp:Label>
                    <br />
                    <asp:Button ID="btnDeleteAlbum" runat="server" Text="Delete Album" Width="144px" OnClick="lvAlbums_ItemDeleting" OnClientClick="javascript:return rowAction(this.name);" 
                        CommandName="Delete" />
                </div>
            </ItemTemplate>
        </asp:ListView>
    </div>
    <div class="pager">
        <asp:DataPager ID="DataPager1" runat="server" PagedControlID="lvAlbums" PageSize="12">
            <Fields>
                <asp:NextPreviousPagerField ShowFirstPageButton="true" ShowPreviousPageButton="true"
                    ShowLastPageButton="false" ShowNextPageButton="false" ButtonCssClass="first"
                    RenderNonBreakingSpacesBetweenControls="false" />
                <asp:NumericPagerField CurrentPageLabelCssClass="current" NextPreviousButtonCssClass="next"
                    NumericButtonCssClass="numeric" ButtonCount="10" NextPageText=">" PreviousPageText="<"
                    RenderNonBreakingSpacesBetweenControls="false" />
                <asp:NextPreviousPagerField ShowFirstPageButton="false" ShowPreviousPageButton="false"
                    ShowLastPageButton="true" ShowNextPageButton="true" ButtonCssClass="last" RenderNonBreakingSpacesBetweenControls="false" />
            </Fields>
        </asp:DataPager>
    </div>
    </div>

    <div id="dialogContent">
        <h3>confirm</h3>
        <p>Click ok to accept</p>
    </div>

    </form>

</body>

Firebug выдает следующую ошибку: 

__doPostBack is not defined
[Break On This Error] "OK": function () { __doPostBa...ID, ''); $(this).dialog("close"); },

Если бы кто-нибудь мог предложить решение с вышеперечисленным, это было бы очень признательно.

Я потратил несколько дней, рассматривая различные примеры коробок подтверждения jQuery, но это лучшее, что я могу сделать. В идеале я хотел бы использовать http://jqueryui.com/demos/dialog/#modal-confirmation в пределах gridview, dataViews и ListViews, но не могу найти примеры, которые точно обеспечивают шаги, которым нужно следовать.

Спасибо

1 Ответ

0 голосов
/ 06 марта 2014

Или вы можете использовать это: 

    protected void Page_PreRender(object sender, EventArgs e)
    {
        //If the page doesn't have a control that causes a postback, __doPostBack() won't be output 
        //as a function definition. One way to override this is to include this line in your Page_PreRender():

        Page.ClientScript.GetPostBackEventReference(this, string.Empty);
        //This function returns a string calling __doPostBack(); but also forces the page to output 
        //the __doPostBack() function definition.              
    }
...