0

JQuery Mobileを使用し、ユーザーとその情報のリストを表示する、非常にシンプルなASP.NETMVC4アプリがあります。モデルから離れた3つのフィールドは電話番号です。これらのフィールドにはnull値を含めることができるため、電話番号<a href="tel:"が存在する場合はそれを使用してリンクし、存在しない場合は何もリンクしないようにします。私はこれを思いついた：

<div data-role="fieldcontain">
    <label for="textinput1"><strong>Office Phone:</strong></label>
    if(!@String.IsNullOrEmpty(user.OfficePhone)){
        <a href="tel:@user.OfficePhone"><input name="" id="textinput1" value="@user.OfficePhone" type="text" readonly="true"/></a>
    } else {
        <input name="" id="textinput" value="@user.OfficePhone" type="text" readonly="true"/>
    }
</div>

しかし、これを行うには、よりクリーンでより良い方法があると思います。<input>他のオプションはありますか、それとも両方の条件でタグを2回書き出すことに固執していますか？

4

1 に答える 1

0

これはテストされていないコードです。うまくいけば、それはアイデアを広めることができます：

@{string pref="tel:"}
@if(String.IsNullOrEmpty(user.OfficePhone))
{pref="";
}


<div data-role="fieldcontain">
    <label for="textinput1"><strong>Office Phone:</strong></label>
        <a href="@(pref):@(user.OfficePhone)"><input name="" id="textinput1" value="@(pref)@(user.OfficePhone)" type="text" readonly="true"/></a>
</div>
于 2013-02-04T20:45:49.050 に答える