0

我有一个带有模板字段的网格视图。我在 templatefield 添加了一个复选框。复选框的自动回发是真的。

我在 Load-page 中填充网格并创建列 dynamic 。

 if (!IsPostBack)
        {
         FillGrid();
        }

我使用更新面板

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
 <ContentTemplate>
<SharePoint:SPGridView ID="grid" AllowSorting="true" AllowFiltering="true"    CssClass="ms-listviewtable"  
runat="server" AutoGenerateColumns="false">
<RowStyle CssClass="ms-alternating" Height="10px" />
<Columns>
    <asp:TemplateField> 
        <ItemTemplate  >
            <asp:CheckBox ID="select" runat="server" 
                OnCheckedChanged="select_CheckedChanged" AutoPostBack="true"  />
            <input id="Display" type="hidden" runat="server" />
            <input id="itemID" type="hidden" runat="server" />
            <asp:Image ID="icon" runat="server" Height="10px" Visible="false"  />
        </ItemTemplate>
        <ItemStyle Width="35px" />
    </asp:TemplateField>
    <asp:TemplateField >
     </asp:TemplateField>
</Columns>
</SharePoint:SPGridView>
 </ContentTemplate>
  <Triggers>
<asp:AsyncPostBackTrigger ControlID="select" EventName="OnCheckedChanged" />
 </Triggers>
 </asp:UpdatePanel>

但显示错误：在 UpdatePanel“UpdatePanel1”中找不到触发器的 ID 为“select”的控件。

我的问题是：当复选框更改时，页面刷新

我不想在检查更改后刷新页面！

4

3 回答 3

1

您必须在复选框中设置 autopostback="false" 或删除 autopostback 属性。自动回发实际上刷新页面。

于 2012-04-07T05:57:14.410 回答
1

那么如果将复选框的 autopostback 属性设置为 false 会发生什么？

此外，如果您实际上希望处理复选框的 onchange 事件，则可以使用 UpdatePanel 包装网格；用户不会看到回发，但您仍然可以获得服务器端事件处理的灵活性。

于 2012-04-07T05:59:26.787 回答
0

首先你需要改变 Templetecolumn 如下

<asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox ID="chkselect" runat="server" />
                <input id="Display" type="hidden" runat="server" />
                <input id="itemID" type="hidden" runat="server" />
                <asp:Image ID="imgicon" runat="server" Height="10px" Style="display: none;" ImageUrl="~/images/arrow_left.jpg" />
            </ItemTemplate>
            <ItemStyle Width="35px" />
        </asp:TemplateField>

现在在服务器端代码中处理 itemdatabound 事件

Protected Sub SPGridView_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles gvBanner.RowDataBound
    If e.Row.RowType = DataControlRowType.DataRow Then
        Dim chkselect As CheckBox = e.Row.FindControl("chkselect")
        Dim imgicon As Image = e.Row.FindControl("imgicon")
        If chkselect IsNot Nothing Then
            chkselect.Attributes.Add("onclick", "javascript:DoMyTask(this,'" + imgicon.ClientID + "')")
        End If
    End If
End Sub

现在在 aspx 页面中指定 JavaScript 函数，如下所示。

<script type="text/javascript" language="javascript">
    function DoMyTask(obj, imgid) {            
        var objCheck = obj.checked;
        var objimg = document.getElementById(imgid)
        if (objCheck == true) {
            objimg.style.display = "block";
            //set more attributes over here
        }
        else {
            objimg.style.display = "none";
            //set more attributes over here
        }
        var count = $(":checkbox:checked").length;
        alert('you have selected ' + count + ' Rows');
    }

</script>

希望这会帮助你......快乐的编码......

于 2012-04-07T06:59:44.503 回答