[CLOSED] Check / uncheck all pages checkboxes (checkboxselection) of gridpanel

  1. #1

    [CLOSED] Check / uncheck all pages checkboxes (checkboxselection) of gridpanel

    Hi
    I have a requirement matching to this example
    https://examples2.ext.net/#/GridPane...box_Selection/
    An extra requirement is that, when user checks/unchecks the gridheader checkbox all checkboxes of all pages should get checked/unchecked.
    Application is in Razor view engine.
    How to achieve this feature
    Last edited by Daniil; Oct 04, 2013 at 5:44 AM. Reason: [CLOSED]
  2. #2
    Hi @PriceRightHTML5team,

    I can suggest the following solution. Please see the CheckboxSelectionModel's CustomConfig. It will be the same in Razor except syntax.

    Example
    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                Store store = this.GridPanel1.GetStore();
                store.DataSource = new object[] 
                { 
                    new object[] { "test1" },
                    new object[] { "test2" },
                    new object[] { "test3" },
                    new object[] { "test4" },
                    new object[] { "test5" },
                    new object[] { "test6" },
                    new object[] { "test7" },
                    new object[] { "test8" },
                    new object[] { "test9" }
                };
            }
        }
    </script>
    
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    
        <script>
            var customOnHeaderClick = function (headerCt, header, e) {
                if (header.isCheckerHd) {
                    e.stopEvent();
                    var me = this,
                        isChecked = header.el.hasCls(Ext.baseCSSPrefix + 'grid-hd-checker-on'),
                        grid = me.view.panel,
                        smPlugin = grid.getSelectionMemory();
                    
                    // Prevent focus changes on the view, since we're selecting/deselecting all records
                    me.preventFocus = true;
    
                    if (isChecked) {
                        me.deselectAll();
                        smPlugin.clearMemory();
                    } else {
                        me.selectAll();
                        Ext.each(grid.getStore().getAllRange(), function (rec, index) {
                            smPlugin.selectedIds[rec.getId()] ={
                                id : rec.getId(),
                                index : index
                            };
                        });
                    }
    
                    delete me.preventFocus;
                }
            };
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:GridPanel ID="GridPanel1" runat="server">
                <Store>
                    <ext:Store runat="server" PageSize="3">
                        <Model>
                            <ext:Model runat="server" IDProperty="test">
                                <Fields>
                                    <ext:ModelField Name="test" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column runat="server" Text="Test" DataIndex="test" />
                    </Columns>
                </ColumnModel>
                <SelectionModel>
                    <ext:CheckboxSelectionModel runat="server">
                        <CustomConfig>
                            <ext:ConfigItem Name="onHeaderClick" Value="customOnHeaderClick" Mode="Raw" />
                        </CustomConfig>
                    </ext:CheckboxSelectionModel>
                </SelectionModel>
                <BottomBar>
                    <ext:PagingToolbar runat="server" />
                </BottomBar>
            </ext:GridPanel>
        </form>
    </body>
    </html>

Similar Threads

  1. [CLOSED] How to check/uncheck treenode on select?
    By jchau in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: May 30, 2013, 11:18 PM
  2. Replies: 2
    Last Post: Mar 08, 2013, 5:00 PM
  3. Replies: 3
    Last Post: Dec 15, 2010, 12:55 PM
  4. [CLOSED] Check and uncheck all checkboxes treepanel
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 11, 2010, 10:50 AM
  5. Replies: 1
    Last Post: Aug 13, 2009, 9:37 AM

Tags for this Thread

Posting Permissions