Check Box Selection Model checkbox doesn't get checked

Page 1 of 2 12 LastLast
  1. #1

    Check Box Selection Model checkbox doesn't get checked

    I have Implemented one grid with CheckBox selection model

    I have locked CheckBox selection model on DocumnetReady Event

    <ext:ResourceManager ID="ResourceManager1" runat="server">
        <Listeners>
        <DocumentReady Handler="Ext.apply(CheckboxSelectionModel1, { locked: true });" />
        </Listeners>
        </ext:ResourceManager>
    It gets locked but now when i check any of the check box then it doesn't get checked

    The same thing is With If you Declare any ImageCommandColumn and you lock it,then it also doesn't response to its command event

    Any help will be Appreciated

    Ext version ext.net.community.1.0rc1

    Thanks
    Last edited by geoffrey.mcgill; May 04, 2011 at 4:40 AM. Reason: please use [CODE] tags
  2. #2
    Hi,

    Please clarify why do you lock the selection model if you need an access to checkboxes?
  3. #3

    hi

    Quote Originally Posted by Daniil View Post
    Hi,

    Please clarify why do you lock the selection model if you need an access to checkboxes?
    yeah i am using lockgrid view,in which i have some columns which includes imagecommand column and i want checkbox modal on the left most corner of the grid panel.
    The thing what i want is that i want the checkbox colulmn modal on the left most corner of the grid panel when using lockgrid view with check box should be get checked and second thing when i click on the imagecommand column it doesn't respones to its click event when using gridlock view
  4. #4
    Quote Originally Posted by hardik View Post
    The thing what i want is that i want the checkbox colulmn modal on the left most corner of the grid panel when using lockgrid view with check box should be get checked
    Not sure it's possible.

    Please provide a simplified .aspx page to test.

    Quote Originally Posted by hardik View Post
    second thing when i click on the imagecommand column it doesn't respones to its click event when using gridlock view
    This has been fixed in SVN already and will be available in RC2 soon.
  5. #5

    hi

    Thanks for the response

    When RC2 will be released
  6. #6
    Quote Originally Posted by hardik View Post
    When RC2 will be released
    Hope, during this month or next.
  7. #7
    Hi Everyone!
    I had a problem like Hardik.
    CheckBox Selection Model checkbox doesn't get checked
    This is a simplified .aspx page to test :
     <%@ 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)
            {
                this.GridPanel1.Store.Primary.DataSource = new object[]
                {
                    new object[] { "3m Co", 71.72, 0.02, 0.03, "9/1 12:00am" },
                    new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am" },
                    new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am" },
                    new object[] { "American Express Company", 52.55, 0.01, 0.02, "9/1 12:00am" },
                    new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49, "9/1 12:00am" },
                    new object[] { "AT&T Inc.", 31.61, -0.48, -1.54, "9/1 12:00am" },
                    new object[] { "Boeing Co.", 75.43, 0.53, 0.71, "9/1 12:00am" },
                    new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39, "9/1 12:00am" },
                    new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04, "9/1 12:00am" },
                    new object[] { "E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, "9/1 12:00am" },
                    new object[] { "Exxon Mobil Corp", 68.1, -0.43, -0.64, "9/1 12:00am" },
                    new object[] { "General Electric Company", 34.14, -0.08, -0.23, "9/1 12:00am" },
                    new object[] { "General Motors Corporation", 30.27, 1.09, 3.74, "9/1 12:00am" },
                    new object[] { "Hewlett-Packard Co.", 36.53, -0.03, -0.08, "9/1 12:00am" },
                    new object[] { "Honeywell Intl Inc", 38.77, 0.05, 0.13, "9/1 12:00am" },
                    new object[] { "Intel Corporation", 19.88, 0.31, 1.58, "9/1 12:00am" },
                    new object[] { "International Business Machines", 81.41, 0.44, 0.54, "9/1 12:00am" },
                    new object[] { "Johnson & Johnson", 64.72, 0.06, 0.09, "9/1 12:00am" },
                    new object[] { "JP Morgan & Chase & Co", 45.73, 0.07, 0.15, "9/1 12:00am" },
                    new object[] { "McDonald\"s Corporation", 36.76, 0.86, 2.40, "9/1 12:00am" },
                    new object[] { "Merck & Co., Inc.", 40.96, 0.41, 1.01, "9/1 12:00am" },
                    new object[] { "Microsoft Corporation", 25.84, 0.14, 0.54, "9/1 12:00am" },
                    new object[] { "Pfizer Inc", 27.96, 0.4, 1.45, "9/1 12:00am" },
                    new object[] { "The Coca-Cola Company", 45.07, 0.26, 0.58, "9/1 12:00am" },
                    new object[] { "The Home Depot, Inc.", 34.64, 0.35, 1.02, "9/1 12:00am" },
                    new object[] { "The Procter & Gamble Company", 61.91, 0.01, 0.02, "9/1 12:00am" },
                    new object[] { "United Technologies Corporation", 63.26, 0.55, 0.88, "9/1 12:00am" },
                    new object[] { "Verizon Communications", 35.57, 0.39, 1.11, "9/1 12:00am" },
                    new object[] { "Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "9/1 12:00am" }
                };
    
                this.GridPanel1.Store.Primary.DataBind();
            }
        }
    </script>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>GridPanel with Locking GridView - Ext.NET Examples</title>
        <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
          
            .x-grid-custom .x-grid3-row-table TD {
                line-height: 16px;
            }
        </style>
        <script type="text/javascript">
            var template = '<span style="color:{0};">{1}</span>';
            var change = function (value) {
                return String.format(template, (value > 0) ? "green" : "red", value);
            };
    
            var pctChange = function(value) {
    
            return String.format(template, (value > 0) ? "green" : "red", value + "%");
            };
        </script>
    
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server">
            <Listeners>
                <DocumentReady Handler="Ext.apply(CheckboxSelectionModel1, { locked: true });" />
            </Listeners>
        </ext:ResourceManager>
        <h1>
            GridPanel with Locking GridView</h1>
        <p>
            Demonstrates how to achieve "freeze pane" locking functionality similar to Excel
            in a GridPanel by using the LockingGridView Component.</p>
        <ext:GridPanel ID="GridPanel1" runat="server" StripeRows="true" Title="Locking Grid"
            TrackMouseOver="true" Width="500" Height="350"  Cls="x-grid-custom">
            <Store>
                <ext:Store ID="Store1" runat="server">
                    <Reader>
                        <ext:ArrayReader>
                            <Fields>
                                <ext:RecordField Name="company" />
                                <ext:RecordField Name="price" Type="Float" />
                                <ext:RecordField Name="change" Type="Float" />
                                <ext:RecordField Name="pctChange" Type="Float" />
                                <ext:RecordField Name="lastChange" Type="Date" DateFormat="M/d hh:mmtt" />
                            </Fields>
                        </ext:ArrayReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:CommandColumn Width="40" ColumnID="Command" Locked="true">
                        <Commands>
                            <ext:GridCommand >
                                <Menu>
                                    <Items>
                                        <ext:MenuCommand Text="Send an Email" CommandName="SendAnEmail" />
                                        <ext:MenuCommand Text="Send a Letter" CommandName="SendALetter" />
                                        <ext:MenuCommand Text="Send an Itinerary" CommandName="SendAItinerary" />
                                        <ext:MenuCommand Text="Send a Memo" CommandName="SendAMemo" />
                                        <ext:MenuCommand Text="Send a Fax" CommandName="SendAFax" />
                                    </Items>
                                </Menu>
                            </ext:GridCommand>
                        </Commands>
                    </ext:CommandColumn>
                    <ext:Column ColumnID="Company" Header="Company" DataIndex="company" Width="160" Locked="true" />
                    <ext:Column Header="Price" DataIndex="price">
                        <Renderer Format="UsMoney" />
                    </ext:Column>
                    <ext:Column Header="Change" DataIndex="change">
                        <Renderer Fn="change" />
                    </ext:Column>
                    <ext:Column Header="Change" DataIndex="pctChange">
                        <Renderer Fn="pctChange" />
                    </ext:Column>
                    <ext:DateColumn Header="Last Updated" DataIndex="lastChange" />
                </Columns>
            </ColumnModel>
            <SelectionModel>
                <ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="server" CheckOnly="true" 
                    ColumnPosition="1" >
                </ext:CheckboxSelectionModel>
            </SelectionModel>
            <View>
                <ext:LockingGridView ID="LockingGridView1" runat="server" />
            </View>
         <BottomBar>
            <ext:PagingToolbar runat="server" PageSize="10"></ext:PagingToolbar>
         </BottomBar>
            
        </ext:GridPanel>
    </body>
    </html>
    Please help me.
  8. #8
    Hi,

    Why do you set up this?
    <DocumentReady Handler="Ext.apply(CheckboxSelectionModel1, { locked: true });" />
    It locks the selection model.
  9. #9
    Because I wanted the checkbox selection column on freeze panel.
    It is comfortable for user.
    Is there any way?
  10. #10
    Yes, unfortunatelly LockingGridView doesn't support CheckBoxSelection in this aspect.

    I can suggest you to move locked column on the right:
    http://forums.ext.net/showthread.php?10155

    Just replace RowSelectionModel with CheckboxSelectionModel.
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] Another way to check checkbox is checked ot not....
    By rosua in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 21, 2012, 5:39 AM
  2. Replies: 2
    Last Post: Aug 09, 2011, 10:38 AM
  3. Replies: 4
    Last Post: Oct 06, 2010, 9:08 AM
  4. Replies: 2
    Last Post: Mar 21, 2010, 1:18 PM
  5. Replies: 0
    Last Post: Jun 25, 2009, 12:16 PM

Tags for this Thread

Posting Permissions