隐藏和显示编辑链接

问题描述：

我想隐藏仅在页面加载如果在编辑链接

IS_CONFIRM的值true（隐藏）：假（显示）

我使用MVC @ Html.Grid：

@Html.Grid(Model).Columns(columns => 
{ 
     columns.Add(a => a.BL_No).Titled("B/L Number").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 
     columns.Add(a => a.BL_DATE).Titled("B/L Date").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 
     columns.Add(a => a.BOOKING_REF_NO).Titled("Booking Ref No").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 
     columns.Add(a => a.CARGO_DESCRIPTION).Titled("Cargo Description").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 
     columns.Add(a => a.CRO_NO).Titled("CRO Number").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 
     columns.Add(c => c.ETA).Titled("ETA").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 
     columns.Add(c => c.ETD).Titled("ETD").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 
     columns.Add(a => a.IS_CONFIRM, true).Titled("CheckBox").Filterable(true).Encoded(false) 
     .Sanitized(false).SetWidth(50); 

     columns.Add().Encoded(false).Sanitized(false).SetWidth(20).RenderValueAs(o => Html.ActionLink("Edit", "EditBillOfLading", new { BL_ID = o.BL_ID})).Titled("Edit"); 
     columns.Add().Encoded(false).Sanitized(false).SetWidth(20).RenderValueAs(o => Html.ActionLink("PrintBillofLading", "BillofladingReport", new { BL_ID = o.BL_ID }, new { target = "_blank" })).Titled("Action1"); 
     columns.Add().Encoded(false).Sanitized(false).SetWidth(20).RenderValueAs(o => Html.ActionLink("PrintTerminal", "TerminalReport", new { BL_ID = o.BL_ID }, new { target = "_blank" })).Titled("Action2"); 
     //columns.Add().Encoded(false).Sanitized(false).SetWidth(20).RenderValueAs(o => Html.ActionLink("BillofladingReport", new { BL_ID = o.BL_ID })).Titled("PrintProforma"); 
    }).WithPaging(10).Sortable(true)

你想隐藏什么？一个IS_CONFIRM列？ –

IS_CONFIRM是一个复选框。如果检查框值为真，我想隐藏编辑按钮 –

答

您可以添加class属性Edit链接是这样的：

columns.Add().Encoded(false).Sanitized(false).SetWidth(20).RenderValueAs(o => Html.ActionLink("Edit", "EditBillOfLading", new {@class="editLink"}, new { BL_ID = o.BL_ID})).Titled("Edit");

然后调用hide()或show()在page load这样的：

<script> 
    $(document).ready(function() { 
     if ($('#IS_CONFIRM').prop("checked")) 
      $('.editLink').hide(); 
     else 
      $('.editLink').show(); 
    }); 
</script>

隐藏和显示编辑链接

相关推荐