Added extJs 3.0 and grid example

abtris · Oct 20, 2009 · 6ce37db · 6ce37db
1 parent b0e63eb
commit 6ce37db
Show file tree

Hide file tree

Showing 284 changed files with 31,699 additions and 39 deletions.
diff --git a/application/views/scripts/index/index.phtml b/application/views/scripts/index/index.phtml
@@ -1,43 +1,27 @@
-<style>
-    a:link,
-    a:visited
-    {
-        color: #0398CA;
-    }
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Array Grid Example</title>
+    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl(); ?>/css/ext-all.css" />
+    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl(); ?>/css/grid-examples.css" />
 
-    span#zf-name
-    {
-        color: #91BE3F;
-    }
+    <!-- Common Styles for the examples -->
+    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl(); ?>/css/examples.css" />
+    <!-- GC -->
+    <!-- LIBS -->
+    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/adapter/ext/ext-base.js"></script>
+    <!-- ENDLIBS -->
 
-    div#welcome
-    {
-        color: #FFFFFF;
-        background-image: url(http://framework.zend.com/images/bkg_header.jpg);
-        width:  600px;
-        height: 400px;
-        border: 2px solid #444444;
-        overflow: hidden;
-        text-align: center;
-    }
+    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/ext-all.js"></script>
+    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/array-grid.js"></script>
 
-    div#more-information
-    {
-        background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);
-        height: 100%;
-    }
-</style>
-<div id="welcome">
-    <h1>Welcome to the <span id="zf-name">Zend Framework!</span></h1>
+</head>
+<body>
+<script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js//examples.js"></script><!-- EXAMPLES -->
+<h1>Array Grid Example</h1>
+<p>This example shows how to create a grid from Array data.</p>
+<p>Note that the js is not minified so it is readable. See <a href="<?php echo $this->baseUrl(); ?>/js/array-grid.js">array-grid.js</a>.</p>
 
-    <h3>This is your project's main page</h3>
-
-    <div id="more-information">
-        <p><img src="http://framework.zend.com/images/PoweredBy_ZF_4LightBG.png" /></p>
-        <p>
-            Helpful Links: <br />
-            <a href="http://framework.zend.com/">Zend Framework Website</a> |
-            <a href="http://framework.zend.com/manual/en/">Zend Framework Manual</a>
-        </p>
-    </div>
-</div>
+<div id="grid-example"></div>
+</body>
+</html>
diff --git a/public/css/examples.css b/public/css/examples.css
@@ -0,0 +1,58 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+body {
+	font-family:helvetica,tahoma,verdana,sans-serif;
+	padding:20px;
+    padding-top:32px;
+    font-size:13px;
+	background-color:#fff !important;
+}
+p {
+	margin-bottom:15px;
+}
+h1 {
+	font-size:large;
+	margin-bottom:20px;
+}
+h2 {
+	font-size:14px;
+    color:#333;
+    font-weight:bold;
+    margin:10px 0;
+}
+.example-info{
+	width:150px;
+	border:1px solid #c3daf9;
+	border-top:1px solid #DCEAFB;
+	border-left:1px solid #DCEAFB;
+	background:#ecf5fe url( info-bg.gif ) repeat-x;
+	font-size:10px;
+	padding:8px;
+}
+pre.code{
+	background: #F8F8F8;
+	border: 1px solid #e8e8e8;
+	padding:10px;
+	margin:10px;
+	margin-left:0px;
+	border-left:5px solid #e8e8e8;
+	font-size: 12px !important;
+	line-height:14px !important;
+}
+.msg .x-box-mc {
+    font-size:14px;
+}
+#msg-div {
+    position:absolute;
+    left:35%;
+    top:10px;
+    width:250px;
+    z-index:20000;
+}
+.x-grid3-row-body p {
+    margin:5px 5px 10px 5px !important;
+}