[extjs.git] / extjs / examples / classic / tree / locking-treegrid.html

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
        <title>
            Locking TreeGrid Example
        </title>
        <link rel="stylesheet" type="text/css" href="../shared/examples.css">

    <!-- GC -->

        <script type="text/javascript" src="../shared/include-ext.js"></script>
        <script type="text/javascript" src="../shared/options-toolbar.js"></script>
        <script type="text/javascript" src="locking-treegrid.js"></script>
        <style type="text/css">
            .task {
                background-image: url(../shared/icons/fam/cog.gif) !important;
            }
            .task-folder {
                background-image: url(../shared/icons/fam/folder_go.gif) !important;
            }
        </style>
    </head>
    <body>
        <h1>
            Locking TreeGrid Example
        </h1>
        <p>
            This example is an advanced tree example. It illustrates:
        </p>
        <ul class="feature-list">
            <li>Locked columns
            </li>
            <li>Multiple headers
            </li>
            <li>Preloading of nodes with a single AJAX request
            </li>
            <li>Header hiding, showing, reordering and resizing
            </li>
            <li>useArrows configuration
            </li>
            <li>Keyboard Navigation
            </li>
            <li>Discontiguous selection by holding the CTRL key
            </li>
            <li>Using custom iconCls
            </li>
            <li>Animation disabled because the right side is a normal grid (which does not animate record insertion).
            </li>
        </ul>
        <p>
            Note that the js is not minified so it is readable. See <a href="locking-treegrid.js">locking-treegrid.js</a>.
        </p>
        <div id="tree-example"></div>
    </body>
</html>
Commit	Line	Data
947f0963 TL	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	5	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	6	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
	7	<title>
	8	Locking TreeGrid Example
	9	</title>
	10	<link rel="stylesheet" type="text/css" href="../shared/examples.css">
	11
	12	<!-- GC -->
	13
	14	<script type="text/javascript" src="../shared/include-ext.js"></script>
	15	<script type="text/javascript" src="../shared/options-toolbar.js"></script>
	16	<script type="text/javascript" src="locking-treegrid.js"></script>
	17	<style type="text/css">
	18	.task {
	19	background-image: url(../shared/icons/fam/cog.gif) !important;
	20	}
	21	.task-folder {
	22	background-image: url(../shared/icons/fam/folder_go.gif) !important;
	23	}
	24	</style>
	25	</head>
	26	<body>
	27	<h1>
	28	Locking TreeGrid Example
	29	</h1>
	30	<p>
	31	This example is an advanced tree example. It illustrates:
	32	</p>
	33	<ul class="feature-list">
	34	<li>Locked columns
	35	</li>
	36	<li>Multiple headers
	37	</li>
	38	<li>Preloading of nodes with a single AJAX request
	39	</li>
	40	<li>Header hiding, showing, reordering and resizing
	41	</li>
	42	<li>useArrows configuration
	43	</li>
	44	<li>Keyboard Navigation
	45	</li>
	46	<li>Discontiguous selection by holding the CTRL key
	47	</li>
	48	<li>Using custom iconCls
	49	</li>
	50	<li>Animation disabled because the right side is a normal grid (which does not animate record insertion).
	51	</li>
	52	</ul>
	53	<p>
	54	Note that the js is not minified so it is readable. See <a href="locking-treegrid.js">locking-treegrid.js</a>.
	55	</p>
	56	<div id="tree-example"></div>
	57	</body>
	58	</html>