記事編集

日付

ジャンルのカテゴリ―名

タイトル

内容の要旨

<pre data-priority="2" style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(245, 245, 245); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; color: rgba(0, 0, 0, 0.8); font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;" data-pasted="true"><code style="border-radius: 8px; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); display: block; white-space: pre-wrap; overflow-wrap: anywhere; padding: 8px 16px 16px;">@model IEnumerable&lt;YourNamespace.Models.YourModel&gt;

@{
 // 条件に一致する最初の行を取得
 var targetItem = Model.FirstOrDefault(x =&gt;
 x.InOut == true &amp;&amp;
 x.ItemName == &quot;現在残高&quot; &amp;&amp;
 x.Amount == 0
 );
}

&lt;!-- SweetAlert2 CDN --&gt;
&lt;script src=&quot;https://cdn.jsdelivr.net/npm/sweetalert2@11&quot;&gt;&lt;/script&gt;

@if (targetItem != null)
{
 &lt;script&gt;
 document.addEventListener(&quot;DOMContentLoaded&quot;, function () {
 Swal.fire({
 title: &#39;金額が未入力です&#39;,
 text: &#39;Editボタンをクリックして金額を入力して下さい&#39;,
 icon: &#39;warning&#39;,
 showCancelButton: true,
 confirmButtonText: &#39;Yes&#39;,
 cancelButtonText: &#39;No&#39;,
 allowOutsideClick: false, // モーダル外クリックで閉じない
 allowEscapeKey: false // ESCキーで閉じない
 }).then((result) =&gt; {
 if (result.isConfirmed) {
 // Yesが押された場合 &rarr; Editページへ遷移
 window.location.href = &#39;@Url.Action(&quot;Edit&quot;, &quot;YourController&quot;, new { id = targetItem.Id })&#39;;
 } else if (result.dismiss === Swal.DismissReason.cancel) {
 // Noが押された場合 &rarr; 何もしない
 console.log(&quot;ユーザーが編集をキャンセルしました&quot;);
 }
 });
 });
 &lt;/script&gt;
}
</code></pre><h3 style="border: 0px; border-collapse: collapse; border-spacing: 0px; list-style-position: initial; list-style-image: initial; list-style-type: revert; margin: revert; padding: revert; display: inline-block; font: 400 20px / 22px roboto, helvetica, sans-serif; color: rgba(0, 0, 0, 0.8); letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">改良点</h3><ul style="border: 0px; border-collapse: collapse; border-spacing: 0px; list-style-position: initial; list-style-image: initial; list-style-type: revert; margin: revert; padding: revert; color: rgba(0, 0, 0, 0.8); font-family: roboto, helvetica, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><li style="border: 0px; border-collapse: collapse; border-spacing: 0px; list-style-position: initial; list-style-image: initial; list-style-type: revert; margin-top: revert; margin-right: revert; margin-bottom: 8px; margin-left: revert; padding: revert;">条件抽出を&nbsp;<code style="border-radius: 8px; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);">FirstOrDefault</code> のラムダ式で簡潔化 &rarr; 最初に該当する行だけを取得。</li><li style="border: 0px; border-collapse: collapse; border-spacing: 0px; list-style-position: initial; list-style-image: initial; list-style-type: revert; margin-top: revert; margin-right: revert; margin-bottom: 8px; margin-left: revert; padding: revert;">モーダルの操作制限追加 &rarr;&nbsp;<code style="border-radius: 8px; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);">allowOutsideClick</code> と&nbsp;<code style="border-radius: 8px; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);">allowEscapeKey</code> を&nbsp;<code style="border-radius: 8px; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);">false</code> にして、必ず Yes/No を選択させる。</li><li style="border: 0px; border-collapse: collapse; border-spacing: 0px; list-style-position: initial; list-style-image: initial; list-style-type: revert; margin-top: revert; margin-right: revert; margin-bottom: 8px; margin-left: revert; padding: revert;">キャンセル時のログ出力 &rarr; デバッグや動作確認に便利。</li><li style="border: 0px; border-collapse: collapse; border-spacing: 0px; list-style-position: initial; list-style-image: initial; list-style-type: revert; margin-top: revert; margin-right: revert; margin-bottom: 8px; margin-left: revert; padding: revert;">変数名を&nbsp;<code style="border-radius: 8px; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);">targetItem</code> に変更 &rarr; 意味が明確になり可読性向上。</li></ul>Powered by <a href="https://www.froala.com/wysiwyg-editor?pb=1" title="Froala Editor">Froala Editor</a>

添付画像

画像を変更

Back to List

//検索文：Editor内でHTMLコードをコピーさせる