C# 打开模式窗口以显示其他信息

C# 打开模式窗口以显示其他信息,c#,javascript,jquery,asp.net-mvc,razor,C#,Javascript,Jquery,Asp.net Mvc,Razor,我试图在用户单击链接时打开一个模式窗口(我认为是弹出窗口的名称)。此窗口将包含其他信息 下面是一个链接示例: @Html.ActionLink(Model[i].mMasterCard.mCardName, "DisplayCardDetails", "Card", new { @_cardId = Model[i].mMasterCard.mCardID }, new {@class = "@selected dialog"} ) 您可以看到添加了一个css类,这是因为我尝试了以下方法:

我试图在用户单击链接时打开一个模式窗口(我认为是弹出窗口的名称)。此窗口将包含其他信息

下面是一个链接示例:

@Html.ActionLink(Model[i].mMasterCard.mCardName, "DisplayCardDetails", "Card", new { @_cardId = Model[i].mMasterCard.mCardID }, new {@class = "@selected dialog"} )  
您可以看到添加了一个css类,这是因为我尝试了以下方法:

$(function() {
    $('a.dialog').click(function() {
        var url = $(this).attr('href');
        var dialog = $('<div style="display:none"></div>').appendTo('body');
        dialog.load(url, {}, function (responseText, textStatus, XMLHttpRequest) {
            alert("let's check it");
            dialog.dialog({
                close: function (event, ui) {
                    alert("This is hit!");
                    dialog.remove();
                }
            });
        });
        return false;
    });
});
最后,部分观点:

@使用MvcMagicAdmin.Models @使用MvcMagicAdmin.Utilities.General @MvcMagicAdmin.Utilities.CardTempriceList型号

@if (Model.mCard != null)
{
    {
        ViewBag.Title = Model.mCard.mMasterCard.mCardName + " - (" + Model.mCard.mMasterCard.mCardSet.mCardSetName + ")";
    }

    if (Model.mCard.mMasterCard.mCardFlagFace == CardInfo.FlagFaceValue.Normal)
    {
        <h2>@Model.mCard.mMasterCard.mCardName Details</h2>     
    }
    else
    {
        <h2>@Model.mCard.mMasterCard.mCardName \\ @Model.mCard.mChildCard.mCardName Details</h2>
    }

    <p>
        @Html.ActionLink("Edit", "EditCard", new { _cardId = Model.mCard.mMasterCard.mCardID }) |
        @Html.ActionLink("Back to List", "DisplayCardsResults")
    </p>
    using (Html.BeginForm())
    {
        <div id="multiCardDisplay" class="formStyle">
            @{
                Html.RenderAction("CardDetailsPartial", "PartialViews", Model.mCard);
            }

            <div class="float-left baseFontSize">
                <p>
                    Highest Price:
                </p>
                <p>
                    Provider:
                </p>
                <p>
                    Middle Price:
                </p>
                <p>
                    Provider:
                </p>
                <p>
                    Lowest Price:
                </p>
                <p>
                    Provider: 
                </p>
            </div>
            <div class="align-right baseFontSize bold">
                @if (Model.mCardHighestPrice != null)
                {
                    <p>Highest Price = @Model.mCardHighestPrice    </p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (!String.IsNullOrEmpty(Model.mCardHighestPriceProvider))
                {
                    <p>Provider: @Model.mCardHighestPriceProvider</p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (Model.mCardMiddlePrice != null)
                {
                    <p>Middle Price = @Model.mCardMiddlePrice    </p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (!String.IsNullOrEmpty(Model.mCardMiddlePriceProvider))
                {
                    <p>
                        Provider: @Model.mCardMiddlePriceProvider
                    </p>
                }
                else
                {
                    @Html.Label(ValueDomain.FIELD_UNAVAILABLE)
                }
                @if (Model.mCardLowestPrice != null)
                {
                    <p>
                        Lowest Price = @Model.mCardLowestPrice    
                    </p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (!String.IsNullOrEmpty(Model.mCardLowestPriceProvider))
                {
                    <p>Provider: @Model.mCardLowestPriceProvider</p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
            </div>

            @if (Model.mItemPriceLists.Count > 0)
            {
                <label>
                    Lastest Price List for this card:
                </label>
                <table>
                    <tr>
                        <th>Provider</th>
                        <th>@Html.ActionLink("Price Low", "ShowCardDetails", new { _sortOrder = ViewBag.LowSortParm } )</th>
                        <th>@Html.ActionLink("Price Mid", "ShowCardDetails", new { _sortOrder = ViewBag.MidSortParm } )</th>
                        <th>@Html.ActionLink("Price High", "ShowCardDetails", new { _sortOrder = ViewBag.HighSortParm } )</th>
                        <th>Date</th>
                    </tr>
                    @for (int i = 0; i < Model.mItemPriceLists.Count; i++)
                    {
                        var className = i%2 == 0 ? "even" : "odd";

                        <tr class="@className">
                            <td>@Html.ActionLink(Model.mItemPriceLists[i].mPriceListProvider.mPriceProviderName, "PriceProviderDetails", "PriceProvider", new { @_providerId = Model.mItemPriceLists[i].mPriceListProvider.mPriceProviderID}, null)</td>
                            <td>
                                @if (Model.mItemPriceLists[i].mPriceLow != 0.00m)
                                {
                                    @(Model.mItemPriceLists[i].mPriceLow != null ? Html.DisplayFor(_item => _item.mItemPriceLists[i].mPriceLow) : Html.Label(ValueDomain.NOPRICELISTYET))
                                }
                                else
                                {
                                    <span>@ValueDomain.NOPRICELISTYET</span>
                                }
                            </td>   
                            <td>
                                @if (Model.mItemPriceLists[i].mPriceMid != 0.00m)
                                {
                                    @(Model.mItemPriceLists[i].mPriceMid != null ? Html.DisplayFor(_item => _item.mItemPriceLists[i].mPriceMid) : Html.Label(ValueDomain.NOPRICELISTYET))
                                }
                                else
                                {
                                    <span>@ValueDomain.NOPRICELISTYET</span>
                                }
                            </td>
                            <td>
                                @if (Model.mItemPriceLists[i].mPriceHigh != 0.00m)
                                {
                                    @(Model.mItemPriceLists[i].mPriceHigh != null ? Html.DisplayFor(_item => _item.mItemPriceLists[i].mPriceHigh) : Html.Label(ValueDomain.NOPRICELISTYET))
                                }
                                else
                                {
                                    <span>@ValueDomain.NOPRICELISTYET</span>
                                }
                            </td>
                            <td>@Html.DisplayFor(item => item.mItemPriceLists[i].mPriceListDate)</td>
                        </tr>
                    }
                </table>
            }
            else
            {
                <span id="emptyMessage">There are no items that matches your search parameters. Please try again.</span><br/>
            }
            <div class="buttonField">
                <input type="submit" name="_submitButton" value="Get Latest Prices" style="width: 150px"/>
            </div>
        </div>
    }
}
else
{
    <span id="emptyMessage">@MessageDomain.ERROR_PROCESSING</span><br/>
}
@if(Model.mCard!=null)
{
{
ViewBag.Title=Model.mCard.mMasterCard.mCardName+“-(“+Model.mCard.mMasterCard.mCardSet.mCardSetName+”);
}
if(Model.mCard.mMasterCard.mCardFlagFace==CardInfo.FlagFaceValue.Normal)
{
@Model.mCard.mMasterCard.mCardName详细信息
}
其他的
{
@Model.mCard.mMasterCard.mCardName\\@Model.mCard.mChildCard.mCardName详细信息
}

@ActionLink(“编辑”、“编辑卡”,新的{u cardd=Model.mCard.mMasterCard.mCardID})|
@ActionLink(“返回列表”、“显示卡片结果”)

使用(Html.BeginForm()) { @{ RenderAction(“CardDetailsPartial”,“PartialView”,Model.mCard); } 最高价格:

供应商:

中间价:

供应商:

最低价格:

供应商:

@如果(Model.mCardHighestPrice!=null) { 最高价格=@Model.mCardHighestPrice

} 其他的 { @Html.Label(ValueDomain.FIELD\u不可用)

} @如果(!String.IsNullOrEmpty(Model.mCardHighestPriceProvider)) { 提供者:@Model.mCardHighestPriceProvider

} 其他的 { @Html.Label(ValueDomain.FIELD\u不可用)

} @如果(Model.mCardMiddlePrice!=null) { 中间价=@Model.mCardMiddlePrice

} 其他的 { @Html.Label(ValueDomain.FIELD\u不可用)

} @如果(!String.IsNullOrEmpty(Model.mcardPriceProvider)) { 提供者:@Model.mcardpriceprovider

} 其他的 { @Html.Label(ValueDomain.FIELD\u不可用) } @如果(Model.mCardLowestPrice!=null) { 最低价格=@Model.mCardLowestPrice

} 其他的 { @Html.Label(ValueDomain.FIELD\u不可用)

} @如果(!String.IsNullOrEmpty(Model.mCardLowestPriceProvider)) { 提供者:@Model.mcardlowstriceProvider

} 其他的 { @Html.Label(ValueDomain.FIELD\u不可用)

} @如果(Model.mItemPriceLists.Count>0) { 此卡的最新价目表: 供应商 @ActionLink(“低价”,“ShowCardDetails”,新的{{u sortOrder=ViewBag.LowSortParm}) @ActionLink(“Price Mid”,“ShowCardDetails”,new{{u sortOrder=ViewBag.MidSortParm}) @ActionLink(“价格高”,“ShowCardDetails”,新{u sortOrder=ViewBag.HighSortParm}) 日期 @对于(int i=0;i_item.mItemPriceLists[i].mPriceLow):Html.Label(ValueDomain.NOPRICELISTYET)) } 其他的 { @ValueDomain.NOPRICELISTYET } @if(Model.mItemPriceLists[i].mPriceMid!=0.00m) { @(Model.mItemPriceLists[i].mPriceMid!=null?Html.DisplayFor(_item=>_item.mItemPriceLists[i].mPriceMid):Html.Label(ValueDomain.NOPRICELISTYET)) } 其他的 { @ValueDomain.NOPRICELISTYET } @if(Model.mItemPriceLists[i].mPriceHigh!=0.00m) { @(莫
@if (Model.mCard != null)
{
    {
        ViewBag.Title = Model.mCard.mMasterCard.mCardName + " - (" + Model.mCard.mMasterCard.mCardSet.mCardSetName + ")";
    }

    if (Model.mCard.mMasterCard.mCardFlagFace == CardInfo.FlagFaceValue.Normal)
    {
        <h2>@Model.mCard.mMasterCard.mCardName Details</h2>     
    }
    else
    {
        <h2>@Model.mCard.mMasterCard.mCardName \\ @Model.mCard.mChildCard.mCardName Details</h2>
    }

    <p>
        @Html.ActionLink("Edit", "EditCard", new { _cardId = Model.mCard.mMasterCard.mCardID }) |
        @Html.ActionLink("Back to List", "DisplayCardsResults")
    </p>
    using (Html.BeginForm())
    {
        <div id="multiCardDisplay" class="formStyle">
            @{
                Html.RenderAction("CardDetailsPartial", "PartialViews", Model.mCard);
            }

            <div class="float-left baseFontSize">
                <p>
                    Highest Price:
                </p>
                <p>
                    Provider:
                </p>
                <p>
                    Middle Price:
                </p>
                <p>
                    Provider:
                </p>
                <p>
                    Lowest Price:
                </p>
                <p>
                    Provider: 
                </p>
            </div>
            <div class="align-right baseFontSize bold">
                @if (Model.mCardHighestPrice != null)
                {
                    <p>Highest Price = @Model.mCardHighestPrice    </p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (!String.IsNullOrEmpty(Model.mCardHighestPriceProvider))
                {
                    <p>Provider: @Model.mCardHighestPriceProvider</p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (Model.mCardMiddlePrice != null)
                {
                    <p>Middle Price = @Model.mCardMiddlePrice    </p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (!String.IsNullOrEmpty(Model.mCardMiddlePriceProvider))
                {
                    <p>
                        Provider: @Model.mCardMiddlePriceProvider
                    </p>
                }
                else
                {
                    @Html.Label(ValueDomain.FIELD_UNAVAILABLE)
                }
                @if (Model.mCardLowestPrice != null)
                {
                    <p>
                        Lowest Price = @Model.mCardLowestPrice    
                    </p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
                @if (!String.IsNullOrEmpty(Model.mCardLowestPriceProvider))
                {
                    <p>Provider: @Model.mCardLowestPriceProvider</p>
                }
                else
                {
                    <p>@Html.Label(ValueDomain.FIELD_UNAVAILABLE)</p>
                }
            </div>

            @if (Model.mItemPriceLists.Count > 0)
            {
                <label>
                    Lastest Price List for this card:
                </label>
                <table>
                    <tr>
                        <th>Provider</th>
                        <th>@Html.ActionLink("Price Low", "ShowCardDetails", new { _sortOrder = ViewBag.LowSortParm } )</th>
                        <th>@Html.ActionLink("Price Mid", "ShowCardDetails", new { _sortOrder = ViewBag.MidSortParm } )</th>
                        <th>@Html.ActionLink("Price High", "ShowCardDetails", new { _sortOrder = ViewBag.HighSortParm } )</th>
                        <th>Date</th>
                    </tr>
                    @for (int i = 0; i < Model.mItemPriceLists.Count; i++)
                    {
                        var className = i%2 == 0 ? "even" : "odd";

                        <tr class="@className">
                            <td>@Html.ActionLink(Model.mItemPriceLists[i].mPriceListProvider.mPriceProviderName, "PriceProviderDetails", "PriceProvider", new { @_providerId = Model.mItemPriceLists[i].mPriceListProvider.mPriceProviderID}, null)</td>
                            <td>
                                @if (Model.mItemPriceLists[i].mPriceLow != 0.00m)
                                {
                                    @(Model.mItemPriceLists[i].mPriceLow != null ? Html.DisplayFor(_item => _item.mItemPriceLists[i].mPriceLow) : Html.Label(ValueDomain.NOPRICELISTYET))
                                }
                                else
                                {
                                    <span>@ValueDomain.NOPRICELISTYET</span>
                                }
                            </td>   
                            <td>
                                @if (Model.mItemPriceLists[i].mPriceMid != 0.00m)
                                {
                                    @(Model.mItemPriceLists[i].mPriceMid != null ? Html.DisplayFor(_item => _item.mItemPriceLists[i].mPriceMid) : Html.Label(ValueDomain.NOPRICELISTYET))
                                }
                                else
                                {
                                    <span>@ValueDomain.NOPRICELISTYET</span>
                                }
                            </td>
                            <td>
                                @if (Model.mItemPriceLists[i].mPriceHigh != 0.00m)
                                {
                                    @(Model.mItemPriceLists[i].mPriceHigh != null ? Html.DisplayFor(_item => _item.mItemPriceLists[i].mPriceHigh) : Html.Label(ValueDomain.NOPRICELISTYET))
                                }
                                else
                                {
                                    <span>@ValueDomain.NOPRICELISTYET</span>
                                }
                            </td>
                            <td>@Html.DisplayFor(item => item.mItemPriceLists[i].mPriceListDate)</td>
                        </tr>
                    }
                </table>
            }
            else
            {
                <span id="emptyMessage">There are no items that matches your search parameters. Please try again.</span><br/>
            }
            <div class="buttonField">
                <input type="submit" name="_submitButton" value="Get Latest Prices" style="width: 150px"/>
            </div>
        </div>
    }
}
else
{
    <span id="emptyMessage">@MessageDomain.ERROR_PROCESSING</span><br/>
}