チェックボックスをオンにして剣道のUIテキストエディタを表示しようとしました。それはあなたが私を助けることができ、動作していないですが
...剣道のテキストエディタを使用した
@if (Model.IsAlert!=true)
{
<td>
@(Html.Kendo().Editor().Name("Explanation").HtmlAttributes(new { style = "display:show" }))
</td>
}
チェックボックスをオンにして剣道のUIテキストエディタを表示しようとしました。それはあなたが私を助けることができ、動作していないですが
...剣道のテキストエディタを使用した
@if (Model.IsAlert!=true)
{
<td>
@(Html.Kendo().Editor().Name("Explanation").HtmlAttributes(new { style = "display:show" }))
</td>
}
あなたの現在のアプローチは、/画面の初期負荷にModel.IsAlertを評価することをレンダリングします。
if文を削除し、このtdをhiddenにデフォルト設定し、チェックボックスコントロールにマップされたonChangeイベントハンドラを使用してモデルのプロパティに応じて変更することをお勧めします。
<td id="thingToHide" hidden="hidden">
@(Html.Kendo().Editor().Name("Explanation").HtmlAttributes(new { style = "display:show" }))
</td>
といくつかのjqueryのコード:
<script type="text/javascript">
$(document).ready(function() { // On page load method, check model and show textbox if needed
var model = @Html.Raw(Json.Encode(Model)); // get model example is taken from http://stackoverflow.com/questions/16361364/accessing-mvcs-model-property-from-javascript
if (model.IsAlert) { // If model IsAlert is true, show Explanation field
$("#thingToHide").show();
}
});
$("#YourCheckBoxId").on("change", function() {
$("#thingToHide").toggle();
});
</script>
幸運ラダ!
返信ありがとうございます、このように書くことができますか?私は剣道と剃刀を初めて使っているので、.HtmlAttributes(new {condition})で条件を書くことができるかどうかは疑問です。 .................. @(Html.Kendo()。EditorFor(model => model.Explantion).HtmlAttributes(new {@ style = Model.IsAlert? "display: show white-space:pre ":" display:none "}))それは機能しますか? – Radha
私はそれが動作するはずだと信じていますが、@styleにはaが必要です。各スタイル間に表示されるので、 "display:show; white-space:pre;"その部分をどのようにフォーマットしたいのでしょうか?やってみて!! :) –
あなたの現在のアプローチは、画面の最初の読み込みでModel.IsAlert!= trueのみを評価します...代わりに値に基づいてテキストボックスを非表示にするために、いくつかのjavascript/jqueryを実装することができますか? –
Dinglemeyerさん、ありがとうございましたあなたの承認は今働いています... :) – Radha
それが動作している場合は、答えとしてマークすることをお気軽に:)喜んでそれは働いている! –