JS

Question

我有以下代码

<div class="modal‐footer">
<div class="row">
  <div class="col-md-6" runat="server" id="d1">
    <asp:Button runat="server" ID="UpdateBtn" OnClick="UpdateBtn_Click" CssClass="btn btn-info btn-block invisible" Text="Update" />
  </div>
  <div class="col-md-6" runat="server" id="d2">
    <asp:Button runat="server" ID="SubmitBtn"  OnClick="SubmmitBtn_Click" CssClass="btn btn-success btn-block" Text="Submit" />
  </div>
  <div class="col-md-6" runat="server" id="d3">
    <asp:Button runat="server" ID="ApproveBtn" OnClick="ApproveBtn_Click" CssClass="btn btn-success btn-block" Text="Approve" />
  </div>
  <div class="col-md-6" runat="server" id="d4">
    <asp:Button runat="server" ID="RejectBtn" OnClick="RejectBtn_Click" CssClass="btn btn-danger btn-block" Text="Reject" />
  </div>
</div>
</div>

我需要在条件下只显示更新按钮。例如，

if a=="Pending"; only UpdateBtn will be shown.

目前我无法使用Panel（即使它是成功的，因为如果我使用面板我的功能会被破坏）

请帮我解决这个问题。我读了很多论坛并尝试了很多方法，但都失败了。

这就是我在后面的代码中声明（aa）的方式：public string rfcStatus

这是后面的代码：

namespace AA.Search
{
public partial class Default : System.Web.UI.Page
{
    private string _searchText;
    public string aa;
    public string poaQa = "No";
    SearchMgt search = null;


    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            if (User.Identity.IsAuthenticated)
            {
                if (Request.QueryString["idno"] != null)
                {
                    _searchText = Request.QueryString["idno"];
                    SearchText.InnerHtml = _searchText;
                    aa = "Pending"
                    BindData();
                }
            }
            else
            {
                Response.Redirect("~/AccessDenied.aspx");
            }
        }
    }

Answer 1

这很简单。请务必声明＆＃39; a＆＃39;作为后面代码中的公共变量，并使用如下代码。抱歉格式化..

<%
    if (a== 1)
    { %>
  <div class="col-md-6" runat="server" id="d1">
<asp:Button runat="server" ID="UpdateBtn" OnClick="UpdateBtn_Click" CssClass="btn btn-info btn-block invisible" Text="Update" />

<%} %><div class="col-md-6" runat="server" id="d2">
<asp:Button runat="server" ID="SubmitBtn"  OnClick="SubmmitBtn_Click" CssClass="btn btn-success btn-block" Text="Submit" />

修改

背后的代码

public partial class _default : System.Web.UI.Page { public string rfcStatus; protected void Page_Load (object sender, EventArgs e) { if (!Page.IsPostBack) { rfcStatus = "1"; } } }

标记

<div class="modal‐footer"> <div class="row"> <% if (!string.IsNullOrEmpty(rfcStatus)) { if (rfcStatus== "1") { %> <div class="col-md-6" runat="server" id="d1"> <asp:Button runat="server" ID="UpdateBtn" OnClick="UpdateBtn_Click" CssClass="btn btn-info btn-block invisible" Text="Update" /> </div> <% } } %>

Answer 2

试试这个Javascript代码

<script type="text/javascript">
$(function hideButton() {
document.getElementById('<%=Button1.ClientID %>').style.visibility = "hidden";
}); 
<script>

您可以使用RegisterClientScriptBlock

在C＃代码中调用此函数

Answer 3

最简单的方法是使用三元运算符

  <asp:Button runat="server" ID="UpdateBtn" OnClick="UpdateBtn_Click" 
    CssClass="btn btn-info btn-block invisible" Text="Update" 
      visible=" <%= aa == 'Pending' ? "true" : "false"; %> "/>

或试试这个，文件背后的代码

public bool IsUpdateBtnVisible{get;set;} if( aa = "Pending") { IsUpdateBtnVisible=true; } else { IsUpdateBtnVisible=false; }

ASPX页面：

<asp:Button runat="server" ID="UpdateBtn" OnClick="UpdateBtn_Click" CssClass="btn btn-info btn-block invisible" Text="Update" visible="<%# IsUpdateBtnVisible %>"/>

Answer 4

根据我的理解，我相信你应该做到以下几点。

JS

$(function() {
  var aa = ""; // Global Variable

  var btnID = $("#d1"); //Obtain element desired

  if (aa === "pending") { //Used strictly equals for precision.

    $(btnID).show(); //Make sure your buttons are hidden initially if needed with .hide()

  } else {
    $(btnID).hide();
  }
});

的aspx

<div class="col-md-6" runat="server" id="d1">
  <asp:Button runat="server" ID="UpdateBtn" OnClick="UpdateBtn_Click" CssClass="btn btn-info btn-block invisible" Text="Update" />
</div>

我希望这会有所帮助。

如何显示/隐藏按钮C＃ASP.Net <no panel =“”>

4 个答案:

JS

的aspx