zoukankan      html  css  js  c++  java
  • ExtJS 使用点滴 三 TreeGrid 单击事件侦听例子

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    <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

  • 相关阅读:
    互动留言赠书:《Oracle高性能系统实战大全》
    超融合硬件损坏导致Oracle RAC异常恢复实录
    架构师不得不了解的硬件知识
    加班做的可视化被老板嫌弃,是因为你不会用这些数据工具
    iOS开发之七:常用控件--UISlider、UISegmentedControl、UIPageControl的使用
    iOS开发之六:常用控件--UIImageView的使用
    iOS开发之五:常用控件--UITextField的使用
    Objective-C实现常用的4种排序算法
    C语言实现4种常用排序
    面试常用的4种数组排序
  • 原文地址:https://www.cnblogs.com/FredTang/p/2629904.html
Copyright © 2011-2022 走看看