javascript - 我们如何根据 Telerik Gridview 中选择的项目将 HeaderCheckBox 实现为 Checked && UnChecked？

Question

我有一个 Telerik Gridview，其中的项目与每行的复选框一起显示。我有一个 HeaderCheckbox ，如果我们选择 HeaderCheckbox 来选中，那么所有复选框都被选中，没有任何问题。现在，如果我取消选中任何一项，那么 HeaderCheckbox 必须取消选中，我如何使用 javascript 或 telerik gridview 来实现它？

Answer 1

我不知道你是如何实现这个的，但是RadGrid有一个GridClientSelectColumn应该为你处理所有这些的。

<telerik:RadGrid ID="RadGrid1" runat="server" AllowMultiRowSelection="true" ...>
    <MasterTableView AutoGenerateColumns="false">
        <Columns>
            <telerik:GridClientSelectColumn UniqueName="SelectRow">
                <HeaderStyle Width="27px" HorizontalAlign="Center" />
                <ItemStyle HorizontalAlign="Center" />
            </telerik:GridClientSelectColumn>          
            ...       
        </Columns>
    </MasterTableView>
    <ClientSettings EnableRowHoverStyle="true" EnableAlternatingItems="true">                                                                                    
        <Selecting AllowRowSelect="true" />
    </ClientSettings>
</telerik:RadGrid>