jquery - 印刷プレビューで新しいブラウザを開く

Question

表示しているページの印刷プレビュー オプションを表示するボタンがあります。

これは機能しますが、同じブラウザに印刷プレビューをロードする代わりに、新しいブラウザを開いてボタンをクリックしたときにプレビューを表示したいと考えています。

<a href='@Url.Action("Index", "Print", new { id = Model.DeliveryRunID })'>
            <button>Print Preview</button>
       </a> 

何か案は？

Answer 1

target="_blank"属性をアンカーに追加できます。

<a href="@Url.Action("Index", "Print", new { id = Model.DeliveryRunID })" target="_blank">
    <button>Print Preview</button>
</a>

注意:<button>は、アンカーにネストする無効な要素です。HTML が無効です。

ここでの正しいアプローチは、通常のアンカーと CSS を使用してボタンのように見せることです。

@Html.ActionLink(
    "Print Preview", 
    "Index", 
    "Print", 
    new { id = Model.DeliveryRunID }, 
    new { target = "_blank", @class = "button" }
)

そしてもちろんあなたのCSSルール:

.button {
    ...
}