实习的历程

最新推荐文章于 2025-07-01 00:05:13 发布

最新推荐文章于 2025-07-01 00:05:13 发布 · 154 阅读

文章标签：

#EXT #QQ #JavaScript #CSS #VB #ViewUI

随笔专栏收录该内容

4 篇文章

订阅专栏

在公司实习的时间已经超过一个月啦，暂时没有转正，没有真正参与到项目中间去，但是部门总管吩咐了我一些任务。我将在项目中主要负责的那些模块和业务，暂时已经熟悉。虽然他们大多是VB语言家，有时看他们的代码或框架确实有些困难而且特别的困恼！但终于还是挺过来啦，但是...马上我就要跟他们say goodBye啦！

在这里的这段时间，没有在技术方面学到些什么，但为人处事方面却让我有许多的感慨！记得刚开始进来的第一天，那个同事就给我个局域网账号，需要的软件工具全部都在那个机器里面，自己拷贝后在自己装。那一天就差不多在那里装了一天的工具。搞笑的是---他们电脑版本居然用的是windows2000 基于NT技术的，刚开始没注意，只见装了系统和一些工具后，连个doc文档都打不开，我就觉得好纳闷的。于是，自言自语丢了句--"这什么破机器啊，一个doc文档都打不开?"，也许是说着无心，听着有意，旁边的同事对我应和道："你装了office吗?"，"它不是自带的吗?"我马上接道，"哪有啊?"，我就更觉得好纳闷啦，我们用的(windows XP)都是重装系统后就自带啦，甚至我还怀疑我那个同事懂不懂电脑知识？？？？旁边的那位同事说："我们用的版本很低的！"，哦也，才明白......

技术部除了我一个女孩子，就剩下十多个光棍啦。他们天天在那里讨论VB的画图、牵涉路径、系统定位、RAR、ActiveX控件......我就一个人在专研我要学的知识-----Ext技术。除了我旁边也是刚刚进来的大学生外，没有人跟我志同道合(编程语言方面)。幸好上帝在关闭我的一扇门的同时还给我留了一扇窗---我可以上网！所以没事无聊的时候就到处去朋友的空间转转，或者在里面写些什么东西来着......久而久之，这里成了我发泄的基地！

本来今天来写日志，是想告诉我编程的朋友们有关Ext技术方面的知识的，但一开始就有言不止啦。想说的太多太多......不说啦，我开始介绍一下我自学的技术----ExtJS!

　ExtJS是一个不错的Ajax框架。是一个用javaScript写的，主要用于创建前端用户界面，是一个与后台技术无关的ajax框架。我们可以用它来开发带有华丽外观的富客户端应用，使得我们B/S应用更具有活力及生命力。而且我觉得它既减少了许多的javaScript代码，而且容易学习，虽然它内容特别的丰富，但学会用它做出一些特效是相当的容易的。(我以ExtJS中Grid表格为例)

要使用ExtJS，首先要得到ExtJS库文件，可以从http://extjs.com/download这个官方网站下载。在页面中必须引入extjs的样式及extjs库文件，关键代码如下：

ExtJS中的表格功能非常强大，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。

     <%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     <html>
       <head>
          <title>表格Grid</title>
          <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="extjs/ext-all.js"></script>
         <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
        <script type="text/javascript">
                function showUrl(value){
                     return "<a href='"+value+"'>"+value+"</a>";
                }

                 //可编辑表格EditorGridPanel
                Ext.onReady(function (){
                     var data=[{id:1,name:'xf',age:20,email:'xf08022@qq.com',birth:'1989-10-9'},
                                    {id:2,name:'xsy',age:10,email:'1136168077@qq.com',birth:'1999-4-19'},
                                   {id:3,name:'cc',age:18,email:'141525784@qq.com',birth:'1991-4-25'},
                                  {id:4,name:'be',age:27,email:'232358998@qq.com',birth:'1982-10-5'},
                                    {id:5,name:'bd',age:21,email:'113658974@qq.com',birth:'1988-7-8'},
                                  {id:6,name:'lj',age:19,email:'562895623@qq.com',birth:'1990-12-25'}];

                     var store=new Ext.data.JsonStore({
                                data:data,
                                 fields:['id','name','age','email',{name:'birth',type:'date',dateFormat:'Y-n-j'}]
                       });

                      var colm=new Ext.grid.ColumnModel([

                                           {header:'编号',dataIndex:'id',sortable:true,editor:new Ext.form.TextField()},
                                           {header:'姓名',dataIndex:'name',sortable:true,editor:new Ext.form.TextField()},
                                           {header:'年龄',dataIndex:'age',sortable:true},
                                           {header:'Email',dataIndex:'email',renderer:showUrl},
                                           {header:'出生日期',dataIndex:'birth',renderer:Ext.util.Format.dateRenderer('Y年n月j日")}]);

                  var grid=new Ext.grid.EditorGridPanel({
                                       renderTo:'show',
                                        title:'学生详细信息',
                                        width:540,
                                       height:180,
                                        store:store,
                                       cm:colm,
                                        autoExpandColumn:3
                        });
                });
           </script>
</head>
<body>
<div id="show"></div>
</body>
</html>