[CLOSED] Enable/disable checkbox in grid panel (grid use CheckboxSelectionModel)

  1. #1

    [CLOSED] Enable/disable checkbox in grid panel (grid use CheckboxSelectionModel)

    Hi,

    I am having a grid panel which has CheckboxSelectionModelwith checkbox. I need to disable some checkbox when the column value equal zero.
    Last edited by Daniil; Nov 29, 2013 at 2:20 PM. Reason: [CLOSED]
  2. #2
    Hi @capbarbell,

    Here you are.

    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[] { "0", "test" },
                    new object[] { "test", "test" },
                    new object[] { "0", "test" }
                };
            }
        }
    </script>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    
        <style>
            .row-disabled-checkbox .x-grid-row-checker {
                display: none;
            }
        </style>
    
        <script>
            var getRowClass = function (record, index, rowParams, store) {
                if (record.get("test1") === "0") {
                    return "row-disabled-checkbox";
                }
            };
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:GridPanel ID="GridPanel1" runat="server">
                <Store>
                    <ext:Store runat="server">
                        <Model>
                            <ext:Model runat="server">
                                <Fields>
                                    <ext:ModelField Name="test1" />
                                    <ext:ModelField Name="test2" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column runat="server" Text="Test 1" DataIndex="test1" />
                        <ext:Column runat="server" Text="Test 2" DataIndex="test2" />
                    </Columns>
                </ColumnModel>
                <SelectionModel>
                    <ext:CheckboxSelectionModel runat="server">
                        <Listeners>
                            <BeforeSelect Handler="return record.get('test1') !== '0';" />
                        </Listeners>
                    </ext:CheckboxSelectionModel>
                </SelectionModel>
                <View>
                    <ext:GridView runat="server">
                        <GetRowClass Fn="getRowClass" />
                    </ext:GridView>
                </View>
            </ext:GridPanel>
        </form>
    </body>
    </html>

Similar Threads

  1. [CLOSED] Disable/Enable a Grid via it's Toolbar Button ?
    By sisa in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 18, 2013, 1:42 PM
  2. Replies: 0
    Last Post: Oct 04, 2012, 10:09 AM
  3. Replies: 0
    Last Post: Jul 31, 2012, 5:07 PM
  4. Replies: 5
    Last Post: Dec 26, 2011, 5:39 AM
  5. Replies: 3
    Last Post: Nov 19, 2009, 9:17 AM

Posting Permissions