5

.ascxユーザーコントロールを使用しており、従業員の写真とともに従業員データを入力しています。従業員の画像をクリックしているときに、1つのテキストフィールドとユーザーからの入力用のテキストボックスを表示するダイアログを表示したいと思います。Clickイベントは正常に発生していますが、ダイアログを表示すると、「Microsoft JScriptランタイムエラー：オブジェクトはプロパティまたはメソッド'dialog'をサポートしていません」というエラーが表示されます。ダイアログにテキストフィールドとテキストボックスを入力するのを手伝ってくれる人がいますか。私はJQUERYに本当に慣れておらず、それを機能させるのに苦労しています。

次のコードスニペットでは、オンラインで見つけた例の1つからダイアログコードを追加しました。

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="OpenAccessDataProvider,a4a794260c0b4440b466f75d11146db8.ascx.cs" Inherits="SitefinityWebApp.SfCtrlPresentation.OpenAccessDataProvider_a4a794260c0b4440b466f75d11146db8" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.PublicControls.BrowseAndEdit" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.ContentUI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.Comments" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.Fields" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<telerik:RadListView ID="dynamicContentListView" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
    <LayoutTemplate>
        <ul class="sfitemsList sfitemsListTitleDateTmb">
            <asp:PlaceHolder ID="ItemsContainer" runat="server" />
        </ul>
    </LayoutTemplate>

        <ItemTemplate>
      <li class="sfitem sfClearfix">
            <h2 class="sfitemTitle">
                <sf:DetailsViewHyperLink ID="DetailsViewHyperLink" TextDataField="Title" runat="server" />
            </h2>
           <sf:AssetsField ID="AssetsField1" runat="server" DataFieldName="Picture" />
           <sf:SitefinityLabel ID="SitefinityLabel1" runat="server" Text='<%# Eval("Designation")%>'  WrapperTagName="div" HideIfNoText="true" CssClass="sfitemShortTxt" />           
          <sf:SitefinityLabel ID="SitefinityLabel2" runat="server" Text='<%# Eval("CompanyName")%>' WrapperTagName="div" HideIfNoText="true" CssClass="sfitemShortTxt" />
          <sf:AssetsField ID="AssetsField2" runat="server" DataFieldName="Documents"/>
      </li>
    </ItemTemplate>
</telerik:RadListView>

<sf:Pager id="pager" runat="server"></sf:Pager>

<script type="text/javascript">
    $(document).ready(function () {
        $(".sfClearfix .sfimageWrp img").click(function () {

//            $(document).ready(function () {
                var $dialog = $('<div></div>')
        .html('This dialog will show every time!')
        .dialog({
            autoOpen: false,
            title: 'Basic Dialog'
        });

                $('#opener').click(function () {
                    $dialog.dialog('open');
                    // prevent the default action, e.g., following a link
                    return false;
                });
//            });

            //alert("HEY THERE " + $(this).attr("src")); 
        });
    });
</script>

Regards.
4

3 に答える 3

7

それは働く人を手に入れました。ダイアログ用のdivを追加しただけで、画像をクリックするよりもdivと呼ばれます。また、JQuery.noConflict（）;を追加しました。SitefinityライブラリとJQueryライブラリ間の競合を防ぐため。以下はコードスニペットです

<div class="dialogTest"> <br />
<br />
Please enter your email address: <input type="text" name="emailAddress" style="width:300px;" /><br /><br />

<asp:TextBox ID="txtBox" runat="server"></asp:TextBox> <br/>
<asp:Button ID="Button1" runat="server" Text="Button" CausesValidation="False" 
        onclick="Button1_Click" />
</div>

<script type="text/javascript">
$j = jQuery.noConflict();
$j(document).ready(function () {
    $j(".sfClearfix .sfimageWrp img").click(function () {
        $j(".dialogTest").addClass("open");
        //return $j(this).attr("src");
    });
});
</script>
于 2012-04-25T14:57:21.127 に答える
2

私の場合、jqueryファイルが正しくロードされていません。1）Chromeでページを開きました。2）メニューまたはCtrl + Shift + Iから開発者ツールを選択しました。3）ネットワークをクリックしてすべてを表示しました。

于 2012-10-24T03:40:12.263 に答える
1

私も同じ問題を抱えていました。問題は、2つのJqueryファイルをロードしたことでした。jquery-1.8.3.jsおよびjquery-1.4.1.js。ですから、対立がありました。jquery-1.4.1.jsファイルを削除した後。スムーズに動作しました。

于 2012-12-26T12:47:52.070 に答える