访问 gridview 控件中的隐藏字段以在 javascript 中设置值？

Question

我有一个带有一堆模板列的网格视图。其中一列是隐藏列，其值为 0 或 1。如果网格视图中的一行发生更改，我会将值设置为 1，否则保留默认值 0。

模板字段定义为：

<asp:TemplateField>
      <ItemTemplate>
          <input type="hidden" id="rowIsChanged" runat="server" />
      </ItemTemplate>
 </asp:TemplateField>

我的问题是（没有太多细节），我有一个字段，我可以在其中调用 javascript 函数并在客户端进行一些验证。在此函数内部，我希望能够访问该特定行的隐藏字段 (rowIsChanged) 并将值设置为 1（在 javascript 中）。这样，当我单击服务器端“更新”按钮时，只要我检查了 rowIsChanged==1 的条件，就可以确保更新发生。

所以我的问题是，我现在有一些这样的效果：

<asp:TemplateField>
  <ItemTemplate>
    <asp:TextBox id="txtMyDate" runat="server" onchange="DoSomeValidation(this)" />
  </ItemTemplate>
<asp:TemplateField>

和 javascript：

function DoSomeValidation(myParam)
 {
   //do some validation...

   //here is where I need to access the hidden field 'rowIsChanged' and set the value to "1"
 }

那么我如何访问该特定行的 rowIsChanged 字段并将其设置为“1”。

编辑

这里有更多详细信息：

asp 标记：

<asp:TemplateField HeaderText="Date" SortExpression="LineItemDate">
      <ItemTemplate>
        <ajaxToolkit:CalendarExtender TargetControlID="txtMyDate" ID="CalendarExtender3" runat="server"></ajaxToolkit:CalendarExtender>
        <asp:TextBox ToolTip="Line Item Date"  Width="60px"  ID="txtMyDate" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.MyDate") %>'></asp:TextBox>
      </ItemTemplate>
   </asp:TemplateField> 

问题是当我第一次加载页面并加载网格数据时，系统自动假设对日期进行了更改（隐藏字段的值为 1）。但没有进行任何更改，这只是初始负载......所以我不知道如何处理这个问题。

在 gridview 的行数据绑定事件中，我有以下代码片段：

If e.Row.RowType = DataControlRowType.DataRow Then
            Dim hiddenField As HtmlInputHidden = DirectCast(e.Row.FindControl("rowIsChanged"), HtmlInputHidden)

            Dim tLID As TextBox = CType(e.Row.FindControl("txtMyDate"), TextBox)

            tLID.Attributes.Add("onchange", "document.getElementById('" + hiddenField.ClientID + "').value=1")
 ....

所以我发布了 rowdatabound 事件的代码以及标记..但是一旦页面加载，就进行了 NO 编辑字段 txtMyDate ，然后我单击页面上的“更新”按钮，这会产生以下效果：

  For Each Row As GridViewRow In Me.gvLineItems.Rows
            Dim hiddenField As HtmlInputHidden = DirectCast(Row.FindControl("rowIsChanged"), HtmlInputHidden)
            'only update rows that have been edited / update IsDirty=1 :)
            If (hiddenField.Value = "1") Then

每一行似乎都有值 1，就好像该行已经更新一样（onchange 被调用... ）。但事实并非如此。这对于不使用日历控件的任何其他字段都适用。例如，如果我评论该行：

tLID.Attributes.Add("onchange", "document.getElementById('" + hiddenField.ClientID + "').value=1")

只需为所有其他字段保留 onchange，然后单击“更新”按钮，它就会按预期工作（也就是说，如果我更改字段中的值，则隐藏字段的值为 1如果我不更改字段中的值，它们的值为 0)。但问题只是这一个字段...

编辑2

只是为了测试我什至尝试了这个：

Protected Sub gvLineItems_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles gvLineItems.RowDataBound
        If e.Row.RowType = DataControlRowType.DataRow Then
            'this is used to add a trigger to the <TRIGGERS> tag for the update panel
            'I could not do it in the HTML / ASP code because the button is inside of a gridview control
            Dim hiddenField As HtmlInputHidden = DirectCast(e.Row.FindControl("hdnIsChanged"), HtmlInputHidden)

            'the line item date
            Dim tLID As TextBox = CType(e.Row.FindControl("txtMyDate"), TextBox)

            'just a test...
            tLID.Attributes("onchange") = "helloworld();"

我所做的就是添加一个名为 helloworld() 的 js 函数，如下所示：

 function helloworld()
   {
   alert ("hello world");
   }

我运行我的项目，并立即发出警报 hello world （我在网格中有 2 行，因此它会两次发出 hello world 警报）。这对数据没有任何改变，问题是为什么 onchange 被调用而没有任何改变？它必须与它如何设置从数据库返回的数据的日期有关，当它看到像这样的标记时，是否被视为 onchange 事件：

<asp:TextBox ToolTip="Line Item Date" ID="txtMyDate" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.MyDate") %>' />

特别是 DataBinder.Eval(Container, "DataItem.MyDate" ）...

编辑#3..可能是因为

@Tim

我决定做一个小更改，您在评论中提到您通过为其分配一个值（而不是拉出该值）来静态填充 txtMyDate从像我一样的数据库）。因此，不是这样：

<asp:TextBox ToolTip="Line Item Date" ID="txtMyDate" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.MyDate") %>'

只是为了咯咯笑，我将其更改为：

<asp:TextBox ToolTip="Line Item Date"  Width="60px"  ID="txtMyDate" runat="server" Text="1/1/2011">

也就是说，我像您一样静态设置值...我运行了我的项目，现在警报没有触发，因此没有< code>onchange，这可能就是您无法重现错误的原因。所以看起来是这样的：

<asp:TextBox ToolTip="Line Item Date" ID="txtMyDate" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.MyDate") %>'

导致 onchange 事件触发，这对我来说不好:(...所以问题是如何仍然处理这个？

编辑 4!!!

哇抱歉所有编辑，我试图消除这里的可能性...... 所以现在我所做的就是删除这一行：

意思是我删除了标记中的 calendarextender 和 onchange 事件不再在加载事件上触发。为什么会导致这种情况的发生。即使我离开这个：

只要我消除了 calendarextender，它就可以正常工作...我是否提到过这个 gridview 位于 updatepanel 内？会是这个问题吗？？问题是我不想删除日历扩展程序...我希望能够允许用户从中选择一个日期，而不是输入它。

Answer 1

您可以从代码隐藏添加 javascript onchange 处理程序：

Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs)
    If e.Row.RowType = DataControlRowType.DataRow Then
        Dim hidden = DirectCast(e.Row.FindControl("rowIsChanged"), HtmlInputHidden)
        Dim txtMyDate = DirectCast(e.Row.FindControl("txtMyDate"), TextBox)
        txtMyDate.Attributes("onchange") = "DoSomeValidation(this,'" & hidden.ClientID & "');"
    End If
End Sub

C#

protected void GridView1_RowDataBound(object sender, System.Web.UI.WebControls.GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow) {
        var hidden = (HtmlInputHidden)e.Row.FindControl("rowIsChanged");
        var txtMyDate = (TextBox)e.Row.FindControl("txtMyDate");
        txtMyDate.Attributes("onchange") = "DoSomeValidation(this,'" + hidden.ClientID + "');";
    }
}

Edit：这是 js 函数，它用于设置值并在回发后读取它：

 <script type="text/javascript">
     function DoSomeValidation(ctrl, hiddenID) {
        var hidden = document.getElementById(hiddenID);
        if(ctrl.defaultValue != ctrl.value)
            hidden.value = "1";
     }
 </script>

Edit2：添加了一个额外检查当前文本框的值与其 defaultValue 之间的差异。