在公司实习的时间已经超过一个月啦，暂时没有转正，没有真正参与到项目中间去，但是部门总管吩咐了我一些任务。我将在项目中主要负责的那些模块和业务，暂时已经熟悉。虽然他们大多是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库文件，关键代码如下：
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> --> 框架基础库
<script type="text/javascript" src="extjs/ext-all.js"></script> -->extjs的核心库
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> -->样式文件
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>
本想上传几张图片效果给大家的，但总是报错，什么格式不正确。想看到更好的效果图，自己可以亲手敲一下代码，保证半个小时的时间就让你看到成功的喜悦。这个好容易的，而且越学越想学！想学习更多的优化界面，更多的华丽的web页面......
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
