ExtJS 使用点滴 三 TreeGrid 单击事件侦听例子

<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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 onClick = function (node, e) {
            var t = Ext.get(e.getTarget()),
                cls,
                index;
            if (!t.hasClass("x-treegrid-col")) {
                t = t.up(".x-treegrid-col");
            }
            cls = t.getAttribute("class");
            index = parseInt(cls.substr(cls.length - 1));
            if (!Ext.isNumber(index)) {
                index = 0;
            }
            Ext.Msg.alert("Click", String.format("Node id: {0}<br/>Column index: {1}", node.id, index));
        };
    </script>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:TreeGrid runat="server" AutoHeight="true">
        <Columns>
            <ext:TreeGridColumn Header="Text" DataIndex="text" Width="100" />
            <ext:TreeGridColumn Header="Test1" DataIndex="test1" Width="100" Cls="my-column1" />
            <ext:TreeGridColumn Header="Test2" DataIndex="test2" Width="100" Cls="my-column2" />
        </Columns>
        <Root>
            <ext:TreeNode>
                <Nodes>
                    <ext:TreeNode Text="Node1">
                        <CustomAttributes>
                            <ext:ConfigItem Name="test1" Value="node1_test1" Mode="Value" />
                            <ext:ConfigItem Name="test2" Value="node1_test2" Mode="Value" />
                        </CustomAttributes>
                        <Nodes>
                            <ext:TreeNode Text="Node1.1">
                                <CustomAttributes>
                                    <ext:ConfigItem Name="test1" Value="node1.1_test1" Mode="Value" />
                                    <ext:ConfigItem Name="test2" Value="node1.1_test2" Mode="Value" />
                                </CustomAttributes>
                            </ext:TreeNode>
                        </Nodes>
                    </ext:TreeNode>
                </Nodes>
            </ext:TreeNode>
        </Root>
        <Listeners>
            <Click Fn="onClick" />
        </Listeners>
    </ext:TreeGrid>
</body>
</html>

 

 摘自：http://forums.ext.net/showthread.php?17775-CLOSED-Treegrid-determine-what-column-was-clicked-on

 

 

posted @ 2012-08-09 11:17  FredTang  Views(2377)  Comments(0)    收藏  举报