在 Gridview 中啟用/禁用文本框

Question

我想在用戶控件（ACSX 頁面）中選中復選框時禁用文本框。 這些控件位於網格視圖中。

<div>
  <asp:GridView ID="gvModifOuvrageNonControles" runat="server" AutoGenerateColumns="false" SkinID="MarionGridView">
    <Columns>
      <asp:TemplateField HeaderText="NO CONTROL">
        <ItemTemplate>
          <asp:CheckBox ID="cbInspection" OnClick="grisé(this);" runat="server" />
        </ItemTemplate>
      </asp:TemplateField>
      <asp:TemplateField HeaderText="RAISON">
        <ItemTemplate>
          <asp:TextBox ID="txtCause" runat="server"></asp:TextBox>
        </ItemTemplate>
      </asp:TemplateField>
    </Columns>
  </asp:GridView>
</div>

function grisé(obj) {
  alert(obj.getAttribute('id'));
}

Answer 1

我假設這個網格有 3 列，即 2 個模板字段和一個 BoundField，因為在抓取文本框時需要它。

<body>
    <form id="form1" runat="server">
        <div>
            <asp:GridView ID="gvModifOuvrageNonControles" runat="server" AutoGenerateColumns="false">
                <Columns>
                    <asp:BoundField DataField="ID" HeaderText="ID" />
                    <asp:TemplateField HeaderText="NO CONTROL">
                        <ItemTemplate>
                            <asp:CheckBox ID="cbInspection" OnClick="grisé(this);" runat="server" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="RAISON">
                        <ItemTemplate>
                            <asp:TextBox ID="txtCause" runat="server"></asp:TextBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
        </div>
        <script>
            //all disabled at first..
            (function () {
                debugger;
               var gvDrv = document.getElementById("<%=gvModifOuvrageNonControles.ClientID %>");
                for (i = 1; i < gvDrv.rows.length; i++) {
                    var cell = gvDrv.rows[i].cells[2];
                    cell.firstElementChild.disabled = true
                }
            })();


            function grisé(obj) {
                debugger;
                var rowData = obj.parentNode.parentNode;
                if (obj.checked) {
                    rowData.cells[2].firstElementChild.disabled = false
                }
                else {
                    rowData.cells[2].firstElementChild.disabled = true;
                }
            }

        </script>
    </form>
</body>

   --------------- code behind ----------------
 if (!IsPostBack)
        {
            BindGrid();
        }
    }

    private void BindGrid()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("ID");
        for (int i = 0; i < 10; i++)
        {
            var r = dt.NewRow();
            r["ID"] = i;
            dt.Rows.Add(r);
        }
        gvModifOuvrageNonControles.DataSource = dt;
        gvModifOuvrageNonControles.DataBind();
    }

Answer 2

您必須做的第一件事是將復選框的 PostBack 屬性設置為 true。

然后你必須遍歷 gridview 的項目模板並使用 FindControl 方法找到復選框。

一旦找到復選框控件，您將需要為復選框創建一個事件處理程序，當它被選中時，再次使用 FindControl 方法，在 gridview 中找到文本框並執行您的操作。

這是在您的用戶控件背后的代碼中完成的。 這是一種更簡潔的方法，而不是試圖為一個動作編寫一個巨大的腳本。

請注意，我不在我的電腦旁，所以我無法提供代碼示例。

在 Gridview 中啟用/禁用文本框

問題描述

2 個解決方案

解決方案1
2 已采納 2019-11-29 14:38:40

解決方案2
0 2019-11-30 00:36:54

在 Gridview 中啟用/禁用文本框

問題描述

2 個解決方案

解決方案1 2 已采納 2019-11-29 14:38:40

解決方案2 0 2019-11-30 00:36:54

解決方案1
2 已采納 2019-11-29 14:38:40

解決方案2
0 2019-11-30 00:36:54