What's New?

checkbox in treegrid is wrong

  1. #1
    Jun 01, 2011, 9:20 AM

    checkbox in treegrid is wrong

    this is may code
    when i click checkbox in treegrid
    in Ext JS Library 3.3.0
    onCheckChange:function(){var a=this.checkbox.checked

    'this.checkbox.checked' is null or not an object

     <ext:TreeGrid ID="TreeGrid_center" runat="server" EnableDD="true" EnableSort="false" Border="false" Icon="CalculatorLink">
        <Columns>
            <ext:TreeGridColumn Header="name" Width="250" DataIndex="name" />
            <ext:TreeGridColumn Header="Query" Width="60" DataIndex="qf" Align="Center" SortType="None">
                <XTemplate ID="XTemplate4" runat="server">
                    <Html>
                    <tpl for=".">
                            <tpl if="qf==1">
                                <input type=checkbox checked="checked" name="chkQuery" id="chkQF_{id}" />
                            </tpl>
                            <tpl if="qf!=1">
                                <input type=checkbox  name="chkQuery" id="chkQF_{id}" />
                            </tpl>
                        </tpl>
                    </Html>
                </XTemplate>
            </ext:TreeGridColumn>
        </Columns>
        <Loader>
            <ext:TreeLoader DataUrl="../Handler/TemplateDataLoader.ashx?cateId=134">
            </ext:TreeLoader>
        </Loader>
    </ext:TreeGrid>
  2. #2
    Jun 01, 2011, 2:54 PM
    Hi,

    I can suggest the following solution.

    1. AfterRender handler for TreeGrid
    <AfterRender Fn="onAfterRender" />
    2. Script
    var onAfterRender = function() {
    this.mun(
        this.getTreeEl(),
        "click",
        this.eventModel.delegateClick,
        this.eventModel
    );

    this.mon(this.getTreeEl(), {
        scope : this.eventModel,
        click : myDelegateClick
    });
}

var myDelegateClick = function (e, t) {
    if (this.beforeEvent(e)) {
        if (e.getTarget('input[type=checkbox]', 1)) {
            var checked = e.getTarget('input[type=checkbox]', 1).checked,
                node = this.getNode(e);
            alert(node.id + " is " + (checked ? "checked" : "unchecked"));
        } else
            if (e.getTarget('.x-tree-ec-icon', 1)) {
            this.onIconClick(e, this.getNode(e));
        } else if (this.getNodeTarget(e)) {
            this.onNodeClick(e, this.getNode(e));
        }
    } else {
        this.checkContainerEvent(e, 'click');
    }
}
  3. #3
    Jun 02, 2011, 6:00 AM
    thanks, it works great

Similar Threads

  1. [CLOSED] Check all checkbox for TreeGrid
    By bakardi in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 04, 2012, 7:25 AM
  2. TreeGrid, ColumnTree with Checkbox
    By vucuongkg in forum 1.x Help
    Replies: 2
    Last Post: Mar 19, 2012, 6:06 AM
  3. [CLOSED] TreeGrid with Checkbox Grid
    By macap in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 11, 2010, 1:45 PM
  4. V1.0 TreeGrid CheckBox
    By king1231986 in forum 1.x Help
    Replies: 0
    Last Post: Aug 24, 2010, 10:40 AM
  5. [CLOSED] TreeGrid: Header width when treegrid is flexible
    By wazige in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: May 06, 2010, 10:44 AM

Tags for this Thread

Posting Permissions