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

  • 相关阅读:
    linux开发板出现Read-only file system的解决办法
    nginx源码分析之网络初始化
    nginx源码分析之hash的实现
    hdu4833 Best Financing(DP)
    PHP读取office word文档内容及图片
    nginx+uwsgi+bottle python服务器部署
    创建、托管和浏览文档
    python非官方扩展库
    simplexml_load_string 转换xml为数组
    PHPExcel 导出数据(xls或xlsx或csv)- 助手类(函数)
  • 原文地址:https://www.cnblogs.com/FredTang/p/2629904.html
Copyright © 2011-2022 走看看