What's New?

[CLOSED] How to trigger check on a CheckColumn column of a gridpanel

  1. #1
    May 18, 2011, 12:58 AM

    [CLOSED] How to trigger check on a CheckColumn column of a gridpanel

    Hi I have two columns that are checkcolumns I would like to capture the check or uncheck event on these columns. How can that be achieved.

     
<ext:GridPanel ID="UserGridPanel" runat="server" StripeRows="true"            
                            AutoExpandColumn="Username"
                            DisableSelection="false" Frame="true" Region="Center" Height="350" Margins="0 0 5 5"
                            StoreID="UserStore">
                            <ColumnModel  runat="server">
                                <Columns>
 
                                    <ext:Column DataIndex="FirstName" 
                                        Header="First Name" 
                                        Width="110" />
                                    <ext:Column DataIndex="LastName" 
                                        Header="Last Name" 
                                        Width="110" />
                                    <ext:CheckColumn DataIndex="IsEnabled" 
                                        Header="Is Active"  
                                        Width="50" Editable="True" />
                                    <ext:CheckColumn DataIndex="IsLockedOut" 
                                        Header="Is Locked " 
                                        Width="50" Editable="True" >                                        
                                        </ext:CheckColumn>                                    
                                </Columns>
                            </ColumnModel>
                            <SelectionModel>
                                <ext:RowSelectionModel runat="server" SingleSelect="true" />
                            </SelectionModel>                            
                        </ext:GridPanel>
    regards
    Last edited by Daniil; May 18, 2011 at 12:23 PM. Reason: [CLOSED]
  2. #2
    May 18, 2011, 5:42 AM
    Hi,

    Please see the example.

    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", true },
                new object[] { "test2", false },
                new object[] { "test3", true }
            };
            store.DataBind();
        }
    }

    protected void TestDirectEventHandler(object sender, DirectEventArgs e)
    {
        X.Msg.Alert("DirectEvent", "Hello from Server!").Show();
    }
</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 runat="server">
    <title>Ext.Net Example</title>

    <script type="text/javascript">
        var myFunction = function() {

        }
    </script>

    <style type="text/css">
        .my-class {
        }
    </style>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
        <Store>
            <ext:Store runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="test1" />
                            <ext:RecordField Name="test2" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:Column Header="Test" DataIndex="test1">
                    <Editor>
                        <ext:TextField runat="server" />
                    </Editor>
                </ext:Column>
                <ext:CheckColumn ColumnID="CheckColumn1" Header="CheckColumn" DataIndex="test2" Editable="true" />
            </Columns>
        </ColumnModel>
        <Listeners>
            <AfterEdit Handler="var id = e.grid.getColumnModel().getColumnId(e.column);
                                if (id === 'CheckColumn1') {
                                    alert('rowIndex: ' + e.row + '\nbefore: ' + e.originalValue + '\nafter: ' + e.value);
                                }" />
        </Listeners>
    </ext:GridPanel>
    <ext:Button runat="server" Text="Test" OnDirectClick="TestDirectEventHandler">
        <Listeners>
            <Click Handler="" />
        </Listeners>
    </ext:Button>
    </form>
</body>
</html>
  3. #3
    May 18, 2011, 11:53 AM
    Thanks it worked

Similar Threads

  1. [CLOSED] When Trigger DragDrop , to check data
    By gs_user in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: May 14, 2012, 10:18 AM
  2. [CLOSED] Column check disable
    By majunior in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Aug 22, 2011, 12:26 PM
  3. [CLOSED] How to set CheckColumn is single check in GridPanel?
    By pumpkin in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: Nov 05, 2010, 10:22 AM
  4. [CLOSED] [1.0] check box selection model check column appears in header menu
    By brettmas in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 21, 2010, 1:18 PM
  5. [CLOSED] How add Check All option to CheckColumn field
    By Satyanarayana murthy in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 23, 2009, 3:39 AM

Tags for this Thread

Posting Permissions