亚洲av无码国产精品色午夜字幕 ,国产亚洲成人在线播放va,亚洲中文字幕AV每天更新

围绕Ext JS 2.0的IDE、插件和工具 [转自javaeye]

芦苇 — Thu, 20 Mar 2008 10:25:00 GMT

Ext 2.0的API包含许多的方法（函数�Q�、属性和配置��，�늛�的面非常大，要全部列出几乎是不可能的。虽�?a target="_blank">API文档是童叟无�ƺ精心打造的�Q�但实际开发中�Q�若果能够像其它语言Java和C#那样地支持JavaScript代码提示�Q�那��更好啦。可喜的是，有若�q�的开发环境（IDE�Q�和插�g能够支持�Q�－�q�且是直接支持Ext 2.0�?br />
Aptana Studio
一谈到JavaScript的开发工��P��׃��得不�?a target="_blank">Aptana了。就我实际工作来��_��每天都用它来完成Adobe AIR的工作。但是Aptana当前捆绑的Ext的版本有些旧�Q?.1的）�Q�下面就介绍一�?a target="_blank">插�g的安装方法，让Aptana支持�?.0�Q�由Markus Schmidleitner提供�Q�用��h��q�不错）�Q?/div>

1.下蝲�q�安装Aptana Studio;
2.打开你的Aptana�E�序目录�Q�我�q�儿是C:\Aptana�Q�，复制jar格式的文件到plugins目录�Q?br /> 3.重启Aptana�Q?br /> 4.�q�入Window -> Preferences -> Aptana -> Editors -> JavaScript -> Code Assist选择Ext 2.0�Q�或要反选Ext.1.1�Q��?/blockquote>

Aptana Studio with Ext 2.0 code assist

Spket Eclipse插�g与IDE
Spket IDE是目前支持Ext 2.0最为出色的IDE�?它采�?jsb project file 文�g�q�将�l�承于基�c�d��所有文档的内容嵌入到生成代码提�C�的Script doc中�?br /> �׃��Spket只是一个单�U�的�~�辑器，没有其它格式的支持（如CSS�Q�，所以我的做法是用它的Eclipse插�g形式�Q�安装到Aptana。安装办法如下：

1.下蝲安装Aptana Studio�Q�包含有Eclipse�Q�；
2.启动Aptana�q�打开�E�序菜单刎ͼ�Help → Software Updates → Find and Install… → Search for new features to install → New remote site…
3.名称: “Spket”�Q�地址URL�?a target="_blank">http://www.spket.com/update/
4.重启Aptana�Q?br /> 5.观看一下这个SketIDE�?a target="_blank">教程�Q�看看Ext代码提示的功能有多省事（你可以修�?src/ext.jsb 保持最新版的Ext�Q�，基本步骤如下�Q?br />

Window → Preferences → Spket → JavaScript Profiles → New �Q?
输入“ExtJS”点击OK�Q?
选择“ExtJS” �q�点�?#8220;Add Library”然后在下拉条中选取“ExtJS”�Q?
选择 “ExtJS”�q�点�?#8220;Add File”�Q�然后在你的./ext-2.x/source目录中选取“ext.jsb” 文�g�Q?
讄��新的ExtJS Profile�Q�选中�q�点�?#8220;JavaScript Profiles” 对话框右手边�?#8220;Defalut”按钮�Q?
重启Aptana�Q?
创徏新的JS文�g�q�输入： Ext�q�样��可讄��Ext Code代码自动完成的功能�?/li>

�׃��你是在Aptana中安装插件的�Q�Aptana�q�是你默认的JS�~�辑器，所以要试用Spket�Q�你要在那个文�g上选中“Open with”�Q?gt; Spket JavaScript Editor �?br />

Spket in Aptana with full documentation and code assist

Komodo Edit
Komodo Edit��Z��多格式文件提供支持，包括Perl、PHP、Python、Ruby和Tcl。亦支持��览器方面的代码包括有JavaScript、CSS、HTML和XML。Windows、Mac Os和Linux�q�_��都可用�?br /> 安装Ext支持下的Komodo�Q?/p>
1.下蝲和安装Komodo Edit�Q?br /> 2.下蝲API catalog�Q?br /> 3.�q�入Edit -> Preferences -> Code Intelligence �q��择位于“API Catalog”下方的按�?#8220;Add an API catalog” �Q?br /> 4.选择刚才下蝲的ExtJS API catKomodo Editalog CIX �?/blockquote>

Komodo with Ext JS code intelligence

Dreamweaver
对于Dreamweaver的用��P��有两�U�可用的插�gSpketDW(Dreamweaver 2004或新�?�?a target="_blank">SpketDWCS(Dreamweaver CS3)。两者都是Spket团队开发的(刚才提及�?�Q�因此也同样�_��和出艌Ӏ�另外Dreamweaver插�g的一大特�Ҏ(gu��)��很好地支持配�|�项的代码提�C��?br />

Members code assist

Config option code assist

要下载和安装�Q�请��览他们�?a target="_blank">站点�?br />
其它的IDE
�q�有其它的IDE,像由�C�֌�发�v的正在工作着的IntelliJ�?a target="_blank">Visual Studio 2008�?br />
�ȝ��
当工作中需要到Ext 2.0�Q�的��有一些工兯��辅助你提升工作效率，�q�真的要比较一番（Check them out、check out、checkout...�Q�。如果你也发现有其它更好的工��P��不妨雁过留声�Q�与我们分��n�?/p>

芦苇 2008-03-20 18:25 发表评论

eXtremeComponents指南

芦苇 — Sun, 30 Sep 2007 01:49:00 GMT

Table of Contents

定制FilterCell

1. 引言

1.1. 定制Droplist�q��o器Cell�C�Z��

定制FilterRowsCallback

1. 引言

1.1. 定制FilterRowsCallback�C�Z��

Form指南

1. 引言

1.1. JSP

1.1.1. Form�Ҏ(gu��)��的技术说�?/a>
1.1.2. Checkbox
1.1.3. Custom Cell
1.1.4. JavaScript

1.2. Cell

1.3. Controller

1.3.1. 表标�{�֊�作Controller
1.3.2. Form动作Controller
1.3.3. 重新得到Checkbox的�?/a>

Html视图定制指南

1. 引言

1.1. View接口
1.2. Messages�C�Z��

拦截器��用指�?/a>

1. 引言

1.1. 拦截器列�?/a>
1.2. 行拦截器�C�Z��

Limit指南

1. 引言

1.1. JSP

1.2. Controller

1.3. Service

1.3.1. 取得总行�?/a>
1.3.2. 取得Collection

1.4. DAO

1.4.1. 定义Query字符�?/a>
1.4.2. Filter �?Sort Query 字符�?/a>
1.4.3. Limit Query String
1.4.4. 取回总行数和Collection.
1.4.5. 默认的Sort��序

Preferences 指南

1. 引言

1.1. Preferences�?/a>
1.2. 指定Preference别名

定制FilterCell

1. 引言

列的filterCell属性控制过滤器如何昄��Q�它和cell属性非常相像�ƈ且也是实现Cell接口。马上要定义的是默认的和droplist�q�两个过滤器cells�?默认的是一个输入框元素而droplist是一个下拉列表元素。当�Ӟ��如果你需要进行一些定制你可以插接自己的实现�?/p>

最�q�，我被问到是否能够实现一个过滤器cell�Q�显�C�已�l�通过别的�q��o器过滤得到数据子集。答案当然是肯定的，而且�q�是我将在这里示范的。通常定制�?cell可以很容易被创徏�Q�这个示例将印证�q�点。在�q�个�C�Z��里last name列里昄��的将是通过first name�q��o后的子集。如果没有通过 first name�q��o那么所有值都��被昄��?/p>

1.1. 定制Droplist�q��o器Cell�C�Z��

通常你只需要�ؓ�q��o器cell实现Cell接口。然而，因�ؓ我们要创建的�q��o器cell是一个下拉列表，我们可以通过扩展 FilterDroplistCell来获得它已经提供的很多功能，FilterDroplistCell是发行包已经提供的cells之一�?/p>

我们需要覆盖FilterDroplistCell的唯一�Ҏ(gu��)��是getFilterDropList()。这是整个类的全部代码：

public class FilteredDroplistCell extends FilterDroplistCell {

private static Log logger = LogFactory.getLog(FilterDroplistCell.class);



protected List getFilterDropList(TableModel model, Column column) {

List droplist = new ArrayList();



String firstNameFilter = model.getLimit().getFilterSet().getValue("firstName");



Collection beans = model.getCollectionOfBeans();

for (Iterator iter = beans.iterator(); iter.hasNext();) {

Object bean = iter.next();

try {

String firstName = BeanUtils.getProperty(bean, "firstName");

if (StringUtils.isNotBlank(firstNameFilter) && !firstName.equals(firstNameFilter)) {

continue;

}



String lastName = BeanUtils.getProperty(bean, column.getProperty());

if ((lastName != null) && !droplist.contains(lastName)) {

droplist.add(lastName);

}

} catch (Exception e) {

logger.debug("Problems getting the droplist.", e);

}

}



Collections.sort(droplist);



return droplist;

}

}

如果你比较这个类和父�c�，你会发现它们只有微小的区别�?/p>

首先需要注意的是我们需要找出first name是否已经被过滤了�?/p>

String firstNameFilter = model.getLimit().getFilterSet().getValue("firstName");

然后我们需要判断当前bean的first name值是否和first name�q��o器值相同。如果相同，��当前的last name�?��d��到droplist中�?/p>

String firstName = BeanUtils.getProperty(bean, "firstName");

if (StringUtils.isNotBlank(firstNameFilter) && !firstName.equals(firstNameFilter)) {

continue;

}

如果last name��添加到droplist中，我们需要检查droplist中是否已�l�包含了�q�个倹{��如果没有，我们��把它添加到droplist中�?

String lastName = BeanUtils.getProperty(bean, column.getProperty());

if ((lastName != null) && !droplist.contains(lastName)) {

droplist.add(lastName);

}

��Z��使用�q�个Cell你应该在Preferences中声明一个别名�?当然�Q�你可以省略�q�步而在JSP中提供这个Cell实现�cȝ��全�\径，但是使用Preferences更简�z��?/em>

column.filterCell.filteredDroplist=org.extremesite.cell.FilteredDroplistCell

在ColumnTag通过讄��filterCell属性来使用FilteredDroplistCell�?/p>

如果不清楚Preferences和ColumnTag定义语法请参考Preferences指南�?

定制FilterRowsCallback

1. 引言

FilterRowsCallback被用来过滤传�l�eXtremeTable的Beans的Collection�?FilterRowsCallback的默认实现是得到Beans或Maps的Collection�Q�然后通过实现jakarta Predicate接口来进行过滤。当�Ӟ��如果你需要进行一些定制你可以插接自己的实现�?/p>
首先声明�Q�本�C�Z��代码包含一些从原包中剪切、粘贴的代码(虽然不是很多)。在最初的最�l�发行包之后�Q��D��滤得到进一步改善��得更具复用性�ƈ更容易实玎ͼ�可能和定制cell代码行数相同�?当然�Q�我被要求�ƈ非常乐意�C��如何在当前代码基��上实现定制过滤。这有非常清晰的hooks实现�Q��ƈ且很�Ҏ(gu��)��实现�?/p>
本示例示范了如何调整代码��滤器提供一个精��的比较功能。当前的实现是通过使用StringUtils.contains()�Ҏ(gu��)��q�行模糊比较�?本示例将使用StringUtils.equals()�Ҏ(gu��)��。你可以按照你的需要来调整代码�q�行更多定制�?/p>

1.1. 定制FilterRowsCallback�C�Z��

首先你需要做的是创徏一个实现Predicate接口的定制类。Predicate要求我们实现evaluate()�Ҏ(gu��)��来判断是否包�?当前bean。因��Z��仅仅调整现在已有的功能，首先得到filterPredicate的源代码�Q�在发行包的callback包下�Q�，拯��C��的工�E�里。然后向下面展示的一样将 StringUtils.contains()�Ҏ(gu��)��修改为StringUtils.equals()�Ҏ(gu��)��Q?/p>
public final class ExactMatchFilterPredicate implements Predicate {
private boolean isSearchMatch(String value, String search) {

...

else if (StringUtils.equals(value, search)) {
return true;
}

...

}
}

然后我们需要实现和Predicate共同作用的FilterRowsCallback接口。再一�ơ从发行包的callback包下拯��ProcessRowsCallback源代码到你的工程里�?请参照我们创建的定制的ExactMatchFilterPredicate �c�L��认仅仅实现了FilterRowsCallback和修改Predicate�?/p>
public class ExactMatchFilterRows implements FilterRowsCallback {
public Collection filterRows(TableModel model, Collection rows) throws Exception {

...

if (filtered) {
Collection collection = new ArrayList();
Predicate filterPredicate = new ExactMatchFilterPredicate(model);
CollectionUtils.select(rows, filterPredicate, collection);

return collection;
}

...

}
}

��Z��使用�q�个FilterRowsCallback你应该在Preferences中声明一个别名�?span class="emphasis">当然�Q�你可以省略�q�步而在JSP中提供这个FilterRowsCallback实现�cȝ��全�\径，但是使用Preferences更简�z��?/em>

table.filterRowsCallback.exactMatch=org.extremesite.callback.ExactMatchFilterRows

在TableTag通过讄��filterRowsCallback属性来使用ExactMatchFilterRows�?/p>

如果不清楚Preferences和ColumnTag定义语法请参考Preferences指南�?/em>

Form指南

1. 引言

eXtremeTable本质上是一个form�l��g�Q�所以我假定表被包在form里，所有的功能都被认�ؓ是对form元素的操作。如果你惛_��表体中包含一些定制的form元素�Q?或者想��eXtremeTable嵌入到另外的form中，那么你就要��用表标签的form属性用来参照最�q�的form�?/p>
��Z��C��form�Ҏ(gu��)��，我们要做的工作将分解为JSP�Q�Cell和Controller�?/p>

1.1. JSP

下面列出的是checkbox�C�Z��的完整代码。想要强调的主要事情是表标签form属性设�|��ؓpresForm�Q�它参照被称为presForm的form元素�?

同时��h��意表标签的autoIncludeParameters属性。进行排序、过滤、分��|��Q�默认的eXtremeTable��保持所有传至JSP��面的参数�?�q�个�Ҏ(gu��)��对于内部其他的form�q�行排序、过滤、分��|��Q�用于高效复制form元素同样有效。可以设�|?autoIncludeParameters属性�ؓfalse来固定它�?/p>
在这个form使用id属性是因�ؓxhtm标准的要求，同时你也可以使用form的name属性�?

" method="post">

Enter your name:
type="text"
name="userName"
style="font-family:verdana,arial,helvetica,sans-serif;font-size:11px;"
value=""
/>

items="presidents"
action="${pageContext.request.contextPath}/selectedPresidentsController.run"
view="compact"
imagePath="${pageContext.request.contextPath}/images/table/compact/*.gif"
rowsDisplayed="8"
autoIncludeParameters="false"
form="presForm"
>
fileName="output.pdf"
tooltip="Export PDF"
headerColor="black"
headerBackgroundColor="#b6c2da"
headerTitle="Presidents"
/>

alias="checkbox"
title=" "
width="5px"
filterable="false"
sortable="false"
viewsAllowed="compact"
cell="selectedPresident"
/>

type="button"
name="sel"
class="button"
value="List Selected Presidents"
onclick="document.forms.presForm.submit();"
/>

1.1.1. Form�Ҏ(gu��)��的技术说�?/h4>

表标�{�form属性参照最�q�的form是你使用�q�个�Ҏ(gu��)��所必须知道的，��Z��更好的理解这个特性，介绍更多的关于内部实现技术的�l�节是值得的�?/p>
如果�(zh��n)�不�Ҏ(gu��)��指定form属性，eXtremeTable自动在表附近包上一个form。所有表的动作例如：排序、过滤、分��将自动�l�一些隐藏的input元素赋��|��然后提交�q�个form到表标签action属性设�|�的Aciton�?�q�非常有效，除非�(zh��n)�想要将自己的form元素讄��到表体，或者想��这个表攑ֈ�别的form里�?

表标�{�form属性参照最�q�的form�Q�所有表的动作例如：排序、过滤、分��将自动�l�一些隐藏的input元素赋��|��但是现在最�q�form的action属性将要改变表标签的动作。这非常重要�Q�因为：当排序、过滤、分��|��Q�eXtremeTable能够从一个controller得到数据集合 �Q�但是提交这个form到别的controller来处理这个form旉��要对用户的输入进行处理。然而，�q�些对于你��用表标签来说都是透明的�?��像你现在做的那��L��单地讄��表标�{��action属性，然后讄��相关的form��C��x��交的位置�?/p>

1.1.2. Checkbox

�C�Z��的第一列是checkbox。因��列不需要参照bean的属性，alias属性用来唯一地标识这列。你可以使用property 属性，但是alias属性�ɘq�列如何使用更清楚。alias属性还被用来当同样的属性被多列使用时唯一地标识一列�?/p>

1.1.3. Custom Cell

�(zh��n)�也许想知道定制的cell是如何通过名称selectedPresident被参照的(cell="selectedPresident")。这是一�?对eXtremeTable的preferences�Ҏ(gu��)��更强的使用。所有要做的��是在extremecomponents.properties文�g中添加一个属性�?请参考Preferences来了解更多的信息

column.cell.selectedPresident=org.extremesite.cell.SelectedPresidentCell

column.cell.selectedPresident��是你定义的用来参照�q�个cell的名�U��?/p>
当然你也可以使用�q�个Cell的全名来�q�行参照�?/p>
alias="checkbox"
title=" "
width="5px"
filterable="false"
sortable="false"
viewsAllowed="compact"
cell="org.extremesite.cell.SelectedPresidentCell"
/>

在属性文件中定义参照更方便，它可以被��M��JSP文�g引用。如果类名或包名改变的话你只需要对一个地方进行修攏V�?/p>

1.1.4. JavaScript

JavaScript的setPresidentState()�Ҏ(gu��)��被定制cell用来讄��每个checkbox元素的是否被选中�?讄��一个隐藏元素的原因是�ؓ了获得浏览器的动作而不提交没有选中的checkbox。通过�q�个Controller��一直知道一个元素是否别选中�?/p>

1.2. Cell

定制的cell被用来生成checkbox�Q�另外它也创��Z��个隐藏元素用来表�C��个checkbox元素是否被选中�?当用戯��行排序、过滤、分��|��Q�被选中的数据集合将被放到session里�?/p>
getExportDisplay()�Ҏ(gu��)��没有�q�回��|��因�ؓ�ȝ��只需要Html昄��?/p>
public class SelectedPresidentCell implements Cell {
public String getExportDisplay(TableModel model, Column column) {
return null;
}

public String getHtmlDisplay(TableModel model, Column column) {
HtmlBuilder html = new HtmlBuilder();

CellBuilder.tdStart(html, column);

try {
Object bean = model.getCurrentRowBean();
String presidentId = BeanUtils.getProperty(bean, "presidentId");

Collection selectedPresidentsIds = (Collection)model.getContext().getSessionAttribute(SelectedPresidentsConstants.SELECTED_PRESIDENTS);
if (selectedPresidentsIds != null && selectedPresidentsIds.contains(presidentId)) {
html.input("hidden").name("chkbx_" + presidentId).value(SelectedPresidentsConstants.SELECTED).xclose();
html.input("checkbox").name(BeanUtils.getProperty(bean, "presidentId"));
html.onclick("setPresidentState(this)");
html.checked();
html.xclose();
} else {
html.input("hidden").name("chkbx_" + presidentId).value(SelectedPresidentsConstants.UNSELECTED).xclose();
html.input("checkbox").name(BeanUtils.getProperty(bean, "presidentId"));
html.onclick("setPresidentState(this)");
html.xclose();
}
} catch (Exception e) {}

CellBuilder.tdEnd(html);

return html.toString();
}
}

1.3. Controller

提示�Q�Spring框架的Controller和Struts框架的Action非常相像�?/em>

当在另外的form中��用eXtremeTable�Ӟ��你可能有1个或2个controllers。当form被提交时�Q�你需要一个controller 来处理用��L��输入�q��新定向到另外的JSP��面。当排序、过滤、分��|��Q�你可能有另外的controller来得到表使用的数据集合�ƈ重定向会本页。或者你可以在同一个controller中分别处理�?

checkbox�C�Z��里我使用一个controller来关联表标签的action属性。我也��用另外一个controller来关联form元素的动作�?/p>

1.3.1. 表标�{�֊�作Controller

�q�个controller负责调用SelectedPresidentsUtils来保存被选中的presidentIds到session里�ƈ回到同一��c�?

SelectedPresidentsUtils.saveSelectedPresidentsIDs(request);
Collection presidents = presidentsService.getPresidents();
request.setAttribute("presidents", presidents);

1.3.2. Form动作Controller

�q�个controller负责通过presidentIds得到数据集�ƈ重定向到下一个Jsp��面

Collection selectedPresidentsIds = SelectedPresidentsUtils.saveSelectedPresidentsIDs(request);
Collection selectedPresidents = SelectedPresidentsUtils.getSelectedPresidents(presidentsService.getPresidents(), selectedPresidentsIds);
request.setAttribute("selected", selectedPresidents);
request.getSession().removeAttribute(SelectedPresidentsConstants.SELECTED_PRESIDENTS);

1.3.3. 重新得到Checkbox的�?/h4>

我将列出保存presidentIds到session的代码。我�l�常被问到如何重新得到eXtremeTable中form元素的倹{�?它的原理是设�|�form输入元素名字属性值前面加上一些东西来唯一标识元素

本示例中我关心的是以chkbx开头参数的元素。chkbx后面是唯一的关联到checkbox的presidentId。它被用来判断这个checkbox是否别选中�?/p>
public static Collection saveSelectedPresidentsIDs(HttpServletRequest request) {
Collection presidents = (Collection) request.getSession().getAttribute(SelectedPresidentsConstants.SELECTED_PRESIDENTS);

if (presidents == null) {
presidents = new ArrayList();
request.getSession().setAttribute(SelectedPresidentsConstants.SELECTED_PRESIDENTS, presidents);
}

Enumeration parameterNames = request.getParameterNames();
while (parameterNames.hasMoreElements()) {
String parameterName = (String) parameterNames.nextElement();
if (parameterName.startsWith("chkbx_")) {
String presidentId = StringUtils.substringAfter(parameterName, "chkbx_");
String parameterValue = request.getParameter(parameterName);
if (parameterValue.equals(SelectedPresidentsConstants.SELECTED)) {
if (!presidents.contains(presidentId)) {
presidents.add(presidentId);
}
} else {
presidents.remove(presidentId);
}
}
}

return presidents;
}

Html视图定制指南

1. 引言

eXtremeTable使用View接口来生成HTML。你可以使用发行包已�l�提供的视图�Q�或者你可以插入自己的视囑֮�现�?现在�Q�创��Z��自己的视囄��Ҏ(gu��)��较简单，但讨��Z��些设计想法和如何着手实��C��个定制的视图�q�是有�h(hu��n)值的�?/p>
我想使创建定制视囄��单，但不是想构造一个更复杂的类似swing的模型，原因是那需要创建大量的对象来处理对应的内部工作�?eXtremeTable以高效�ؓ目标�Q�我也想在视囄��实现上诏彻这�U�想法，所以我军_��创徏一�p�d��的静态构造器�c�L��实现分解的最��功能。你可以通过�l�合�q�些功能来实��C��的定制视图�?

学习定制视图的最好途径是阅��d��l�存在的视图的源代码�Q�修改它来满��你的需求。如果我�C��所有东西的话，�q�篇指南��变的非常冗�ѝ��取而代之的是我��直接修攚w��认视囄��工具条作为定制视囄��一个示例�?对于不同构造器的具体细节我��你阅��L��代码。我也将��量更新javadocs来提供更好的帮助�?/p>

1.1. View接口

实现View接口的类�?�ơ插入内容的��Z��。beforeBody()�Ҏ(gu��)��会被立刻调用�Q�body()�Ҏ(gu��)��在每一行的每一列处理的时候调用�?afterBody()�Ҏ(gu��)��是被eXtremeTable调用的最后方法，它将�q�回代表视图的一个对象。在�q�个HTML视图�C�Z��里，它将是一个字�W�串�?/p>
public interface View {
public void beforeBody(TableModel model);
public void body(TableModel model�Q?Column column);
public Object afterBody(TableModel model);
}

1.2. Messages�C�Z��

在这��指南里我将直接修改工具条来实现�q�网站上Messages�C�Z��的定制视图�?/p>
public class MessagesView extends AbstractHtmlView {
protected void toolbar(TableModel model) {
TwoColumnTableLayout toolbar = new MessagesToolbar();
toolbar.layout(getHtmlBuilder()�Q?model);
}

protected void statusBar(TableModel model) {
TwoColumnRowLayout statusBar = new MessagesStatusBar();
statusBar.layout(getHtmlBuilder()�Q?model);
}
}

�q�里使用的是默认视图�Q�因此它扩展了虚拟视图来修改工具条和状态条。如何修改工��h��和（或）状态条也是开发�h员问的最多问题�?

默认视图的工��h��位于表的上方包括��页链接和标题。工��h��使用TwoColumnTableLayout�Q�它是一个用于提供在自己表中实现左右两列布局的虚拟类�?它将实现能够��在表上方的完美布局。下面就是你需要关心的虚拟�Ҏ(gu��)��Q�在实际的html视图中已�l��ؓ你完成了�q�个布局�?/p>
public abstract class TwoColumnTableLayout {
protected abstract boolean showLayout(TableModel model);
protected abstract void columnLeft(HtmlBuilder html�Q?TableModel model);
protected abstract void columnRight(HtmlBuilder html�Q?TableModel model);
}

showLayout()�Ҏ(gu��)��用来��L��或导致布局的展现。在我的定制视图中如果翻��|��Q�和�Q�导出显�C�那么工��h��展现�?/p>
protected boolean showLayout(TableModel model) {
boolean showPagination = BuilderUtils.showPagination(model);
boolean showExports = BuilderUtils.showExports(model);
if (!showPagination && !showExports) {
return false;
}

return true;
}

下面昄��了左列和叛_��的部分代码。注意在我的定制视图中首��和前一��用了文字来替代图片显�C�。我真正希望�C��的是你需要做的：扑ֈ�正确的构造器�c�dƈ且仅仅是扩展HtmlBuilder的标�{��?构造器�c�d��于示范如何找到模型里的信息（以便你能够做比他们能够提供的更多的定制工作）也非常有用，�?/em>

protected void columnLeft(HtmlBuilder html�Q?TableModel model) {
html.td(2).close();
TableBuilder.title(html�Q?model);
html.tdEnd();
}

protected void columnRight(HtmlBuilder html�Q?TableModel model) {
boolean showPagination = BuilderUtils.showPagination(model);
...
if (showPagination) {
html.td(4).close();
ToolbarBuilder.firstPageItemAsText(html�Q?model);
html.tdEnd();

html.td(4).close();
ToolbarBuilder.prevPageItemAsText(html�Q?model);
html.tdEnd();
...
}
...
}

��Z��使用�q�个视图你需要在Preferences定义一个别名�?你可以省略这部而在JSP直接�l�出�q�个视图的完整有效的�c�d��Q�不�q�Preferences更�ؓ��z��?/em>

table.view.messages=org.extremesite.view.MessagesView

TableTag也将讄��视图属性来使用MessagesView视图�?/p>

如果不清楚Preferences和TableTag定义语法请参考Preferences指南�?/em>

拦截器��用指�?/h2>

1. 引言

拦截�Ҏ(gu��)��被用在�q�行旉��要修改属性值的时候，它��得改变基于数据的eXtremeTable的行为成为可能。在阅读扩展标签属性时�Q�你会发现它和扩展标�{�ֱ�性具有同��L��概念和方法标识�?区分使用他们的首要准则是�Q�如果需要向TLD里已�l�定义的�q�且能够在JSP中访问的标签��d��新的属性时�Q�应该��用扩展标�{�ֱ�性；如果仅仅是需要修改已�l�定义好的属性的值的时候，应该使用拦截器�?

你可能需要了解更多的eXtremeTable如何�q�作的技术背景才能完全理解这�U�特性�?eXtremeTable首先做的��是遍历所有标�{��ƈ创徏对应的模型beans (pojos)。beans是具有和标签一样属性，但是使用真实�c�d��来替换仅仅��用字�W�串�c�d��的对象。beans是被模型使用�q�且是你需要��用拦截特性修改的对象�?所有的拦截器接口都定义了一个add�Ҏ(gu��)��Q?add�Ҏ(gu��)��被用来处理模型bean�W�一�ơ创建时的属性。行和列的拦截器�q�有一个modify �Ҏ(gu��)��。modify�Ҏ(gu��)��可以在当行和�c�进行处理是对属性��D��行操作�?/p>

1.1. 拦截器列�?/h3>

下面列出了具有拦截特性的标签和他们需要被实现的接口，Bean栏显�C�Z��被模型创建的Bean�?/p>

标签接口 Bean

TableTag org.extremecomponents.table.intercept.InterceptTable org.extremecomponents.table.bean.Table

RowTag org.extremecomponents.table.intercept.InterceptRow org.extremecomponents.table.bean.Row

ColumnTag org.extremecomponents.table.intercept.InterceptColumn org.extremecomponents.table.bean.Column

ExportTag org.extremecomponents.table.intercept.InterceptExport org.extremecomponents.table.bean.Export

1.2. 行拦截器�C�Z��

�C��拦截�Ҏ(gu��)��的完美�C�Z��是�Ҏ(gu��)��一定的标准来对行进行高亮显�C�，�q�也是我们将要完成的�C�Z��。它很短也很��单，不过它实现的概念同样适用于每一个拦截器接口�?

我们需要做的第一件事��是实现InterceptRow接口。你会注意到�q�个接口有两个方法：addRowAttributes() 和modifyRowAttributes()。addRowAttributes�Ҏ(gu��)��在行bean创徏的时候被调用�Q?modifyRowAttributes�Ҏ(gu��)��在表处理当前��面行的时候被调用�?/p>
public class MarkerIntercept implements InterceptRow {
public void addRowAttributes(TableModel tableModel, Row row) {
}

public void modifyRowAttributes(TableModel model, Row row) {
President president = (President) model.getCurrentRowBean();
String career = president.getCareer();
if (StringUtils.contains(career, "Soldier")) {
row.setStyle("background-color:#fdffc0;");
} else {
row.setStyle("");
}
}
}

在Preferences里你应该定义�q�个行拦截器的别名�?/p>
row.intercept.marker=org.extremesite.intercept.MarkerIntercept

�q�样��可以在行标�{�中使用拦截器MarkerIntercept了�?/p>

如果不清楚Preferences和TableTag定义语法请参考Preferences指南�?/em>

Limit指南

1. 引言

在你需要处理大量数据时你应该考虑使用eXtremeTable的Limit�Ҏ(gu��)��。Limit�q�个名字来自MySQL的limit 命��o�Q�Limit接口的目的就是如何对表的�l�果集进行limit处理。Limit实现知道当排序、过滤、分��c��导出时�Q�用户如何与表互�怽�用。有了这些信息你 ��能够��用可能是最有效的方式显�C�正��的�q��o、排序后的请求页面�?/p>
��Z��C��Limit�Ҏ(gu��)��，我将要做的工作将分解为JSP、Controller、Service和DAO。这�C��了一�U��用分层的方式来处�?Limit。你可以�Ҏ(gu��)��自己的需要来增加或减��层。本�C�Z��也��用了Spring框架来重新得��C��用Spring的JDBC取得的数据，因此你的代码看�v来可能有点不同。eXtremeTable的一个特点就是不依赖��M��框架和容器�?

1.1. JSP

��Z��使用Limit�Ҏ(gu��)��，eXtremeTable需要��用limit特定的RetrieveRowsCallback�?FilterRowsCallback和SortRowsCallback接口。eXtremeComponents提供了每个接口的一个实玎ͼ�可以��单地通过讄��每个属性��gؓlimit来简单来使用�?

items="presidents"
retrieveRowsCallback="limit"
filterRowsCallback="limit"
sortRowsCallback="limit"
view="limit"
>
...

另外视图属性参照一个名为limit的定制视图。这是一个简单修攚w��认eXtremeTable视图�Q�不包含最后页工具条的实现。这仅仅关系��C��是否能取得确切需要的行�?一些数据库例如Oracle和MySQL都提供了一�U�得到确定行的特性，但是�Q�其他的数据库例如：Sybase没有提供�Ҏ(gu��)��。在我的�C�Z��中我考虑最坏的情况你的数据库不支持�q�种�Ҏ(gu��)��?/p>
即��你的数据库不提供取得特定行的�Ҏ(gu��)��，当你考虑用户如何和表协同工作�Ӟ��Limit仍然非常有意义。用户通常会对一些数据进行排序、过滤和分页�?�q�个例子�?5条数据构成一��，�W�一��需�?5条数据，�W�二��需�?0条数据，�W�三��需�?5条数据，以此�c�L��。在�l�过一�D�|��间分��后�Q�他们常�怋�用过滤来提炼数据�?即��他们不这样做�Q�他们也必须在此之前对大量的数据�q�行分页�Q�这��媄响效率。当然如果允许用��L��L��后页�Q�那么所有的数据都将被取出，�q�将非常影响效率�?/p>

1.2. Controller

提示�Q�Spring框架的Controller和Struts框架的Action非常相像�?/em>

controller首先需要创��Z��个Limit。�ؓ了完成这个你需要得��C��些关于Context和LimitFactory的帮助�?/p>
Context context = new HttpServletRequestContext(request);
LimitFactory limitFactory = new TableLimitFactory(context);
Limit limit = new TableLimit(limitFactory);

Context是一个处理取得属性的接口�Q�LimitFactory使用Context来找出用户如何和eXtremeTable交互�?然后Limit使用LimitFactory来组装自己�?/p>
��Z��初始化Limit�Q�它?y��u)��包含所有的有用的信息。这些信息包括数据将被如何排序和�q��o�Q�哪一��将被显�C�和是否允许被导出�?/p>
然而，Limit仍然需要得到行的信息，�q�样正确的信息页面才能被昄��l�用戗��行信息包括开始行、结束行、当前显�C��?controller必须从service得到�q�些信息�Q�而Service��从dao中得到这些信息。这里我只给出Controller端的代码�?/p>
int totalRows = presidentsService.getTotalPresidents(limit.getFilterSet(), limit.isExported());
limit.setRowAttributes(totalRows, defaultRowsDisplayed);

limit需要得到所有的行来得到行的信息。service需要知道那些被�q��o�Q�不��这些数据是否要导出。�ؓ了设�|�行信息�Q�默认的一��|��C�的行数需要被讄��?�q�可以通过对TableTag的rowsDisplayed属性设�|�一个确定的数值来实现�?/p>
现在我们只需要从services得到Collection数据�?/p>
Collection presidents = presidentsService.getPresidents(limit.getFilterSet(), limit.getSort(), limit.getRowEnd());

因�ؓlimit已经包含所有信息，�q�将十分�Ҏ(gu��)��。所有需要做的就是传入过滤器�Q�排序和最后行的信息�?最后要做的是将Collections和totalRow�q�些信息传送回JSP以便eXtremeTable知道如何昄��q�些信息�?/p>
request.setAttribute("presidents", presidents);
request.setAttribute("totalRows", new Integer(totalRows));

1.3. Service

service需要和dao�q�行交互来得到总行数和Collection�?/p>

1.3.1. 取得总行�?/h4>

controller需要到�W�一条信息就是总行数�?/p>
public int getTotalPresidents(FilterSet filterSet, boolean isExported) {
String totalQuery = presidentsDao.getTotalPresidentsQuery();
String modTotalQuery = filterQuery(filterSet, totalQuery);
int totalRows = presidentsDao.getTotalPresidents(modTotalQuery);
if (isExported && totalRows > maxExportRows) {
totalRows = maxExportRows;
}
return totalRows;
}

service和dao一��h��q��o�l�果集，它的工作方式是在Where语句后面增加更多的AND语句来修�Ҏ(gu��)��询字�W�串。�ؓ此，你需要和Limit FilterSet一起工作�?/p>
FilterSet是一个过滤器对象数组�Q�一个过滤器包括一个bean property和这个过滤器的倹{��或者，��单的说就是用��h��要过滤的行和他们输入的倹{��这使得它非常容易交互。service只需要�P代所有的 FilterSet�q�调用dao来拼接查询语句。（译者注�Q�过滤的实现方式是：在Where后面增加And语句来改变查询语句以辑ֈ��Ҏ(gu��)��据进行过滤的效果�Q?/p>
private String filterQuery(FilterSet filterSet, String query) {
if (!filterSet.isFiltered() || filterSet.isCleared()) {
return query;
}

Filter filters[] = filterSet.getFilters();
for (int i = 0; i < filters.length; i++) {
Filter filter = filters[i];
String property = filter.getProperty();
String value = filter.getValue();
query = presidentsDao.filterQuery(query, property, value);
}

return query;
}

query修改包括了filter信息�Q�总行数。在一些情况下�q�就��_��Q�但是当用户导出数据时仍然存在一个潜在的问题。�ؓ了保持高�?service不允许导��Z��个最大行数的数据�?/p>

1.3.2. 取得Collection

controller需要到�W�二条信息就是Collection�?/p>
public Collection getPresidents(FilterSet filterSet, Sort sort, int rowEnd) {
String patientsQuery = presidentsDao.getPresidentsQuery();
String modPatientsQuery = filterQuery(filterSet, patientsQuery);
modPatientsQuery = sortQuery(sort, modPatientsQuery);
modPatientsQuery = presidentsDao.limitQuery(rowEnd, modPatientsQuery);
return presidentsDao.getPresidents(modPatientsQuery);
}

和前面一��P��service和dao一��h��q��o�l�果集�?/p>
另外query字符串需要扩展ORDER BY语句以便数据按照正确的方式进行排序。Sort包含一个bean property�?sortOrder��|��正序�q�是逆序�Q�。service仅仅需要��用Sort来调用dao�?/p>
private String sortQuery(Sort sort, String query) {
if (!sort.isSorted()) {
String defaultSortOrder = presidentsDao.getDefaultSortOrder();
if (StringUtils.isNotBlank(defaultSortOrder)) {
return query + defaultSortOrder;
}

return query;
}

String property = sort.getProperty();
String sortOrder = sort.getSortOrder();

return presidentsDao.sortQuery(query, property, sortOrder);
}

query字符串最后需要的修改��是增加数据库特别的指��o来limit��要被返回的�l�果集。这��是limitQuery() �Ҏ(gu��)��的作用�?/p>

1.4. DAO

dao为service负责底层数据工作�?/p>

1.4.1. 定义Query字符�?/h4>

��Z��真正理解dao�Q�query字符串需要被展示�?/p>
�q�就是得到数据的presidents query字符�Ԍ��

private final static String presidentsQuery =
" SELECT " +
" president_id presidentId, " +
" first_name firstName, " +
" last_name lastName, " +
" nick_name nickName, " +
" concat(first_name, ' ',last_name) fullName, " +
" term, " +
" born, " +
" died, " +
" education, " +
" career, " +
" political_party politicalParty " +
" FROM presidents ";

�q�是得到总行数的query字符�Ԍ��

private final static String totalPresidentsQuery =
" SELECT count(*) FROM presidents ";

1.4.2. Filter �?Sort Query 字符�?/h4>

两个最有趣的方法就是过滤和排序�?/p>
filter看�v来像�q�样�Q?/p>
public String filterQuery(String query, String property, String value) {
StringBuffer result = new StringBuffer(query);

if (query.indexOf("WHERE") == -1) {
result.append(" WHERE 1 = 1 "); //stub WHERE clause so can just append AND clause
}

if (property.equals("fullName")) {
result.append(" AND concat(first_name, ' ',last_name) like '%" + value + "%'");
} else if (property.equals("nickName")) {
result.append(" AND nick_name like '%" + value + "%'");
} else {
result.append(" AND " + property + " like '%" + value + "%'");
}

return result.toString();
}

filterQuery()�Ҏ(gu��)��需要增加正��的AND语句到query字符丌Ӏ?/p>
sort看�v来非常类��|��

public String sortQuery(String query, String property, String sortOrder) {
StringBuffer result = new StringBuffer(query + " ORDER BY ");

if (property.equals("fullName")) {
result.append("concat(first_name, ' ',last_name) " + sortOrder);
} else {
result.append(property + " " + sortOrder);
}

return result.toString();
}

sortQuery()�Ҏ(gu��)��需要增加正��的ORDER BY语句到query字符丌Ӏ?/p>

1.4.3. Limit Query String

现在query字符串修改能够正��的�q�行filter和sort�Q�它�q�需要修改以便只取页面显�C�相关的数据。MySQL为s the limit命��o�?/p>
public String limitQuery(int rowEnd, String query) {
return query + " limit " + rowEnd;
}

1.4.4. 取回总行数和Collection.

service需要的唯一东西��是�Q�总行数和Collection�?/p>
public Collection getPresidents(final String query) {
return jdbcTemplate.query(query, new ResultReader() {
List results = new ArrayList();
public List getResults() {
return results;
}

public void processRow(ResultSet rs)
throws SQLException {
President president = new President();
president.setPresidentId(new Integer(rs.getInt("presidentId")));
president.setFirstName(rs.getString("firstName"));
president.setLastName(rs.getString("lastName"));
president.setNickName(rs.getString("nickName"));
president.setFullName(rs.getString("fullName"));
president.setTerm(rs.getString("term"));
president.setBorn(rs.getDate("born"));
president.setDied(rs.getDate("died"));
president.setEducation(rs.getString("education"));
president.setCareer(rs.getString("career"));
president.setPoliticalParty(rs.getString("politicalParty"));
results.add(president);
}
});
}

public int getTotalPresidents(final String query) {
return jdbcTemplate.queryForInt(query);
}

ResultReader是一个帮助处理JDBC查询的Spring�Ҏ(gu��)��c�，作�ؓ一个callback来处理JDBC ResultSet。jdbcTemplate是对JDBC�q�接的抽象�?/p>

1.4.5. 默认的Sort��序

最后，�q�是service需要的默认sort��序�Q?/p>
public String getDefaultSortOrder() {
return " ORDER BY concat(first_name, ' ', last_name) ";
}

Preferences 指南

1. 引言

��Z��讄��全局属性和讄��Q�你需要��用Preferences�Ҏ(gu��)��，它现在��用一个属性文件来实现。本文��很好地介绍如何在web.xml里设�|�Preferences�Q?以及一些需要被定义的通用属性。在�q�里我非�怹�意介�l�一些关于Preferences的进一步用法�?/p>
所有标�{�ֱ�性表�C�Z��个可插接的接口，它可以通过�l�出实现的全路径来设�|�。这为插接实现提供了一条便利的途径。当然这存在一些�ؓ�q�长术语的设计和�l�护的考虑�?�W�一�Q�对你的接口实现�q�行��编码；�W�二�Q�如果你需要在别的JSP中用到同一个接口实玎ͼ�你需要拷贝你全�\径。解册��两个问题的有效办法就是在Preferences中声明一切�?/p>

1.1. Preferences�?/h3>

下面列出的是可以在Preferences中申明的所有接口。Tag列展�C�的是eXtremeTable的标�{�，Attribute 列展�C�的是相��x��{��对应属性。Interface列展�C�的是需要被实现的Java接口。Preference Key列展�C�的�?Preferences里对应的健�?/p>

Tag Attribute Interface Preference Key

TableTag filterRowsCallback org.extremecomponents.table.callback.FilterRowsCallback table.filterRowsCallback

TableTag intercept org.extremecomponents.table.intercept.InterceptTable table.intercept

TableTag retrieveRowsCallback org.extremecomponents.table.callback.RetrieveRowsCallback table.retrieveRowsCallback

TableTag sortRowsCallback org.extremecomponents.table.callback.SortRowsCallback table.sortRowsCallback

TableTag state org.extremecomponents.table.state.State table.state

TableTag view org.extremecomponents.table.view.View table.view

RowTag intercept org.extremecomponents.table.intercept.InterceptRow row.intercept

ColumnTag calc org.extremecomponents.table.calc.Calc column.calc

ColumnTag cell org.extremecomponents.table.cell.Cell column.cell

ColumnTag filterCell org.extremecomponents.table.cell.Cell column.filterCell

ColumnTag headerCell org.extremecomponents.table.cell.Cell column.headerCell

ColumnTag intercept org.extremecomponents.table.intercept.InterceptColumn column.intercept

ExportTag intercept org.extremecomponents.table.intercept.InterceptExport export.intercept

ExportTag view org.extremecomponents.table.view.View export.view

ExportTag viewResolver org.extremecomponents.table.filter.ViewResolver export.viewResolver

提示�Q�当在写作本指南的时候，我意识到我忘��C��让标�{�ColumnsTag的autoGenerateColumns 属性和Preferences协同工作。这��在下一版修正�?/em>

1.2. 指定Preference别名

上表展示了如何声明preference键，但是没有解释如何指定有意义的别名。如果你注意到preference键提供了一致的语法 tag.attribute�Q�指定键的别名仅仅是在它的基��上进行扩展。它的语法�ؓ�Q?tag.attribute.alias�?/p>
eXtremeTable提供了一个名为RowCountCell定制的cell�Q�它的作用是现实当前的行数。我��在Preferences里��用ColumnTag cell声明来示范RowCountCell的��用�?/p>
首先通过实现Cell接口或者扩展AbstractCell来编写具体的实现�c�R�?/p>
public class RowCountCell extends AbstractCell {
protected String getCellValue(TableModel model, Column column) {
int rowcount = ((model.getLimit().getPage() - 1)
* model.getLimit().getCurrentRowsDisplayed())
+ model.getRowHandler().getRow().getRowCount();
return String.valueOf(rowcount);
}
}

然后在Preferences (属性文�?�q�行声明�q�给出别名�?span class="emphasis">eXtremeTable在一个Preferences里保存所有的配置信息�Q�你可以通过使用本地 Preferences的来覆盖��M��的这些属性�?/em>

RowCountCell默认的别名是rowCount�Q?/p>
column.cell.rowCount=org.extremecomponents.table.cell.RowCountCell

在ColumnTag中通过别名引用Cell�Q?/p>

现在你可以通过rowCount来引用这个Cell�Q�如果包名改变了你只需要对Preferences�q�行修改�?/p>
提示�Q�本�C�Z��中我使用了ColumnTag的别名属性。别名属性应用在有两列��用同��L��property�Q�也应用在列不直接和列的 bean property兌��的情况下。本�C�Z��属于这�U�情��c�?/em>

芦苇 2007-09-30 09:49 发表评论

标签	接口	Bean
TableTag	org.extremecomponents.table.intercept.InterceptTable	org.extremecomponents.table.bean.Table
RowTag	org.extremecomponents.table.intercept.InterceptRow	org.extremecomponents.table.bean.Row
ColumnTag	org.extremecomponents.table.intercept.InterceptColumn	org.extremecomponents.table.bean.Column
ExportTag	org.extremecomponents.table.intercept.InterceptExport	org.extremecomponents.table.bean.Export

Tag	Attribute	Interface	Preference Key
TableTag	filterRowsCallback	org.extremecomponents.table.callback.FilterRowsCallback	table.filterRowsCallback
TableTag	intercept	org.extremecomponents.table.intercept.InterceptTable	table.intercept
TableTag	retrieveRowsCallback	org.extremecomponents.table.callback.RetrieveRowsCallback	table.retrieveRowsCallback
TableTag	sortRowsCallback	org.extremecomponents.table.callback.SortRowsCallback	table.sortRowsCallback
TableTag	state	org.extremecomponents.table.state.State	table.state
TableTag	view	org.extremecomponents.table.view.View	table.view
RowTag	intercept	org.extremecomponents.table.intercept.InterceptRow	row.intercept
ColumnTag	calc	org.extremecomponents.table.calc.Calc	column.calc
ColumnTag	cell	org.extremecomponents.table.cell.Cell	column.cell
ColumnTag	filterCell	org.extremecomponents.table.cell.Cell	column.filterCell
ColumnTag	headerCell	org.extremecomponents.table.cell.Cell	column.headerCell
ColumnTag	intercept	org.extremecomponents.table.intercept.InterceptColumn	column.intercept
ExportTag	intercept	org.extremecomponents.table.intercept.InterceptExport	export.intercept
ExportTag	view	org.extremecomponents.table.view.View	export.view
ExportTag	viewResolver	org.extremecomponents.table.filter.ViewResolver	export.viewResolver

使用dtree构徏动态树型菜�?

芦苇 — Sun, 30 Sep 2007 01:48:00 GMT

dtree是一个免费的javascript脚本�Q�只需定义有限的几个参敎ͼ��可以做出漂亮的树型菜单。下载目录：http://www.destroydrop.com/javascripts/tree/
以下是dtree的用法示例：
1�Q�初始化菜单



2�Q�调用函�?br />




2。jsp动态实�?br />    分以下步骤实现动态的树型菜单�Q?br />    1�Q�在数据库徏tree_info表，有nodeId�Q�parentNodeId�Q�nodeName�Q�nodeUrl四个字段�Q�来存储节点信息�?br />    2�Q�编写java�c�，用于从数据库扑և�节点信息�Q��ƈ且生成javascript脚本�?br />    3�Q�编写tag�c�R��用于封装逻辑�Q�简化jsp的开发�?br />    4�Q�徏一个web�E�序�q�行��试�?/div>
3。详�l�过�E?br />    1�Q�在数据库徏表，脚本如下�Q?br />    CREATE TABLE `test`.`tree_info` (
   `node_id` INTEGER UNSIGNED NOT NULL DEFAULT -1,
   `parent_id` INTEGER UNSIGNED NOT NULL DEFAULT -1,
   `node_name` VARCHAR(45) NOT NULL,
   `ref_url` VARCHAR(45) NOT NULL,
   PRIMARY KEY(`node_id`)
)
我��用mysql数据库，如果脚本�l�节有出入，误��行修�?br />     按照上面的dTree�C�Z��插入数据
   2�Q�编写TreeInfo.java�Q�这个类用于��装节点信息
     package com.diegoyun.web.tree;
  /**
   * @author Diegoyun
   * @version 1.0
   */
  public class TreeInfo {
   private int nodeId = -1;//node id
   private int parentId = -1;//parentId
   private String nodeName = null;//node name
   private String url = null;//url references

   public int getNodeId() {
    return nodeId;
   }

   public void setNodeId(int nodeId) {
    this.nodeId = nodeId;
   }

   public int getParentId() {
    return parentId;
   }

   public void setParentId(int parentId) {
    this.parentId = parentId;
   }

   public String getNodeName() {
    return nodeName;
   }

   public void setNodeName(String nodeName) {
    this.nodeName = nodeName;
   }

   public String getUrl() {
    return url;
   }

   public void setUrl(String url) {
    this.url = url;
   }

  }
   �~�写TreeUtil.java�Q�用于从数据库得到节点信息，��装到TreeInfo对象�Q��ƈ生成javascript脚本
   TreeUtil.java
   package com.diegoyun.web.tree;
  import java.util.Collection;
  import java.util.ArrayList;
  import java.util.Iterator;
  import java.util.List;
  import java.sql.PreparedStatement;
  import java.sql.ResultSet;
  import java.sql.Connection;
  import java.sql.DriverManager;

  /**
   * @author Diegoyun
   * @version 1.0
   */
  public class TreeUtil {
   public static List retrieveNodeInfos(){
    List coll = new ArrayList();

    String driverName = "com.mysql.jdbc.Driver";
    String host = "localhost";
    String port = ":3306";
    String serverID = "test";
    String userName = "root";
    String userPwd = "root";
    String url = "jdbc:mysql://" + host + port + "/" + serverID ;

    Connection conn = null ;
    PreparedStatement ps = null;
    ResultSet rs = null;
    try{
     Class.forName(driverName).newInstance();
     conn = DriverManager.getConnection(url , userName , userPwd);
     String sql = "select * from tree_info";
     ps = conn.prepareStatement(sql);
     rs = ps.executeQuery();

     TreeInfo info = null;
     while(rs!=null && rs.next()){
      info = new TreeInfo();
      info.setNodeId(rs.getInt(1));
      info.setParentId(rs.getInt(2));
      info.setNodeName(rs.getString(3));
      info.setUrl(rs.getString(4));
      coll.add(info);
     }
  //            if(rs!=null){
  //                rs.close();
  //                rs=null;
  //            }
  //            if(ps!=null){
  //                ps.close();
  //                ps=null;
  //            }
    }catch(Exception e){
     System.out.println(e);
    }

    return coll;
   }
   public static String createTreeInfo(List alist){
    StringBuffer contents = new StringBuffer();
    contents.append("");

    return contents.toString();
   }
   public static void main(String[]args){
    List alist = TreeUtil.retrieveNodeInfos();
  //        TreeInfo info = null;
  //        for(Iterator i = c.iterator();i.hasNext();){
  //            info = (TreeInfo)i.next();
  //            System.out.println("*****" + info.getNodeName());
  //        }
    System.out.println(TreeUtil.createTreeInfo(alist));
   }
  }

3)�~�写标签�c?br /> InitTreeTag.java
package com.diegoyun.web.taglibs;
import com.diegoyun.web.tree.TreeUtil;
import javax.servlet.jsp.tagext.TagSupport;
import javax.servlet.jsp.JspException;
import java.io.IOException;

/**
  * @author Diegoyun
  * @version 1.0
  */
public class InitTreeTag extends TagSupport{

  public int doEndTag() throws JspException {
   StringBuffer tree = new StringBuffer();
   tree.append("\n");
   tree.append(TreeUtil.createTreeInfo(TreeUtil.retrieveNodeInfos()));
   tree.append("\n");
   try{
    pageContext.getOut().println(tree.toString());
   }catch(IOException ioe){
    ioe.printStackTrace();
   }
   return super.doEndTag();
  }
}

ShowTreeTag.java :

package com.diegoyun.web.taglibs;

import javax.servlet.jsp.tagext.TagSupport;
import javax.servlet.jsp.JspException;
import java.io.IOException;

/**
  * @author Diegoyun
  * @version 1.0
  */
public class ShowTreeTag extends TagSupport{
  public int doEndTag() throws JspException {
   StringBuffer buffer = showTree();
   try {
    pageContext.getOut().println(buffer.toString());
   }
   catch (IOException ioe) {
    ioe.printStackTrace();
   }
   return super.doEndTag();
  }
  private StringBuffer showTree(){
   StringBuffer sb = new StringBuffer();
   sb.append("\n");
   sb.append("\n");
   sb.append("\n");
   sb.append("\n");
   sb.append("
\n");
   return sb;
  }
}

标签的tld如下�Q?br />
   PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
   "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">

  1.0
  1.2
  tree


   init
   com.diegoyun.web.taglibs.InitTreeTag
   empty



   show
   com.diegoyun.web.taglibs.ShowTreeTag
   empty


4�Q�徏立web�q�程�Q�编写jsp�q�行��试�?/div>
index.jsp如下�Q?br /> <%@ page language="java"%>
<%@ taglib uri="/WEB-INF/tlds/tree.tld" prefix="tree"%>

  Tree example





Tree example :

本文�� 51CTO.COM技术博�?/a>

芦苇 2007-09-30 09:48 发表评论

dtree右键菜单

芦苇 — Sun, 30 Sep 2007 01:48:00 GMT

��酷的XP风格的网��右键菜单特效代�?a target="_blank">http://baby.mob8.cn

关闭右键菜单

本文�� 51CTO.COM技术博�?/a>

芦苇 2007-09-30 09:48 发表评论

Jsp中��用EL表达式不解析(无效)的问�?

芦苇 — Fri, 10 Aug 2007 08:03:00 GMT
在��用jsp的el表达式时�Q�发现tomcat 5对其不解析。按原样输出�?{items}.
原样把tomcat 的jsp例子拯��来还是如此。web.xml里和lib里的配置都配好了。找了很久才发现web.xml文�g使用的是servlet 2.3版本的声明的问题。el在servlet 2.3中默认是不启用的�?
servlet 2.3�?br>

xml version="1.0" encoding="UTF-8"?>
DOCTYPE web-app
  PUBLIC '-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN'
  'http://java.sun.com/dtd/web-app_2_3.dtd'>

<web-app id="WebApp_ID">

tomcat自带�?servlet 2.4的�?br>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
    version="2.4">

把web.xml的声明部分改�?.4的即可�?br>�q�有��是如果使用�?lt;taglib>标签��需要加父标�{�。具体内容看jsp2.0和servlet2.4规范

    /tags/struts-bean.tld
    /WEB-INF/struts-bean.tld

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1667667

芦苇 2007-08-10 16:03 发表评论

芦苇 — Thu, 09 Aug 2007 05:20:00 GMT
ecside介绍�Q?br>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ecside是一个开源的列表�l��g�?br>他源自著名开源列表组�?eXtremeComponents �Q�http://www.extremecomponents.org�Q�，
但现在已�l�脱��eXtremeComponents,独立发展�Q�仍有大量代码来�?eXtremeComponents�Q��?br>“做最实用易用的列表组�?/font>”是ecside最�l�的目标�?/p>
作者： fins ( name: Wei Zijun    email:fins@163.com   blog:http://fins.javaeye.com )

在��用前�Q�请阅读一下以下信息，以帮助�?zh��n)�了解�?zh��n)�要使用的将是一个多么不成熟的东�?但它会有成熟的一天，而且那天不会�q?呵呵)�Q?br>1 ecside不能和原始版本的 eXtremeComponents 同时使用�Q�且不保证能与原先��?eXtremeComponents 的系�l�兼容，误��谅�?br>2 目前只支持GBK�~�码的应用，误��谅�?br>3 目前只在IE6 和FireFox2 上进行过��试�Q�不保证兼容其他(版本)��览器，误��谅�?br>4 目前提供的样式风格巨丑无比，误��谅�?br>5 目前没有完备的文档和例子�Q�请见谅�?br>6 代码没有注释�Q�没有测试用例，误��谅�?br>7 没有很好的版本控�Ӟ��没有构徏脚本�Q�请见谅�?br>8 拥有无数未知的bug�Q�请见谅�?/font>

ecside发布地址�Q?/font>
http://fins.javaeye.com/blog/40190

ecside发布地址�Q?br>http://fins.javaeye.com/blog/40190
ecside圈子:
http://ecside.javaeye.com/
ecside�l�合讨论专用�?br>http://fins.javaeye.com/blog/48723

其他��的列表组�?有些是收费的)�Q?br>eXtremeComponents原始�?( http://www.extremecomponents.org )
dhtmlXGrid ( http://scbr.com/docs/products/dhtmlxGrid/ )
displaytag ( http://displaytag.sourceforge.net )
nitobi grid ( http://www.nitobi.com/products/grid/ )
ActiveWidgets gird ( http://www.activewidgets.com/grid/ )
rico livegrid ( http://openrico.org/rico/livegrid.page )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
主要增强的功能：
1 可设�|�工��h��位置�Q�上 �?�?不显�C�）
2 可设�|�工��h��内容�Q�显�C�哪�?不显�C�哪些）
3 可设�|�工��h��上各个功能按钮的相对位置
4 增加�?strong>调整��大��的选择框，�q�可自定义选择框内的内�?/font>
5 增加了带有邻�q�页面的��D��?br>6 增加了可跌��{到指定页面的跌��{�?br>7 增加了当�?font color=#ff9900>选中行高�?/strong>
8 为ec:table 增加�?excludeParameters �?includeParameters 属性，可以实现更快��L��便的“参数保留/不保�?#8221;功能
9 可添加自定义的html代码到工��h��?或其他位�|?br>10 可手动调整列�?/strong>
11 增加�?#8220;列表内部滚动�?/font>”(实现列表头固�?/font>�Q�列表体滚动的功�?
12 为ec:row和ec:column ��d��更多的html事�g支持�Q�现支持�Q�onmouserover onmouserout onclick ondbclick
13 为ec:table ec:row ec:column增加了自定义扩展属性功�?br>14 增加 ec:extendrow 标签�Q�实现列表扩展行的功�?br>15 增加shadowRow(影子�?功能�Q�每行下面可以再加一个子�?�q�个行里昄��什么可以由大家自己定义
16 增加��面变量 ${TOTALROWCOUNT} 用来标示当前�U�录在全部记录中的行�?br>17 增加了打印功能（��不完善�Q?br>18 ec:column属性增�?ellipsis ,实现单元格内数据�q�长的时�?自动截短�q�加"..."的功�?ie only)
19 实现了跨列的列表�?br>20 �l�计栏的标题格可跨列
21 增加了若�q�种cell �?headerCell,例如checkbox radio
22 取消了imagePath属�?样式相关的图片信息全部提入css�?br>23 重（�W?壎ͼ�用了js 和css �Q�很多功能用js来实�?br>24 支持�?font color=#ff9900>ajax��页
25 支持预查询功�?/font>�Q�在察看�W�n��늚�时候，把n+1��늚�数据也查询出来（隐藏着�Q�备用，加快查看下一��늚�速度
26 ��导�?strong>excel所使用的组件由poi切换成了 jxl
27 xls导出方式修改原始的导出是导出的vo/map里的原始数�?现在�?strong>导出��面实际昄��的内�?/font>
28 增加��捷导出方�?/strong> (通过ec:table�?xlsFileName pdfFileName csvFileName属�?
29 支持pdf中文导出�?br>30 代码�q�行了大规模的重�?br>31 增加了很多ajax相关�Ҏ(gu��)�?br>32 实现�?font color=#ff0000>可编辑列�?/strong>功能以及cell的映��?/font>功能
... ...

更新日志�Q?br>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
新增加的�Ҏ(gu��)��通常都在 demo.do.jsp�q�个例子里进行演�C��?/p>
===============================
2007-01-21 15�?br>===============================
对于以下更新�Q�demo.do.jsp�q�行了修改，大家看看例子可能会更好理�?

1) 实现�?strong>cell的映��功�?/font>�Q�详见示例的性别 �?角色列）,用法:
了一�?strong>��单的��标�{?/font> 用来从map生成 select的option列表�?br>xml 代码

<ec:column mappingItem="用来映射的MAP在context内的key" mappingDefaultValue="当找不到映射值时要��用的默认�?.../>

例如�Q�在�C�Z��中，角色的信息以 “标识--名称”的�Ş式放��C��一�?map�?br>在action�?把这个map攑ֈ��?request.setAttribute("USERROLE_MAP", CommonDictionary.USERROLE);�?br>在页面��?br>

xml 代码

<ec:column property="USERROLE" title="角色" mappingItem="USERROLE_MAP" mappingDefaultValue="[错误的角色]"/>

��׃��自动��名�U�显�C?font face=Arial>出来�?br>2) �?/font>

xml 代码

<ec:options items="MAP在context内的key" defaultKey="默认选中的option的value" tagAttributes="附加的html属�?/>

3) �?strong>ec:extend标签做了扩充�Q�增加了位置讄��属�?location
top: form内列表主体前 ; bottom : form内列表主体后
toolbar或不讄��location属�?nbsp; 在toolbar的扩展位�|?
4) 代码�q�行了一点点修改�Q�对使用没有影响�?/p>
===============================
2007-01-20 9�?nbsp; ECSIDE 1.0 RC1 发布�?/font>
===============================
沉寂两天�Q�但一直没有闲着�Q�带来了大变�?索性来�?1.0 RC1 �?:) �?br>1) 实现�?font color=#ff0000>灉|��的可定制�?#8220;可编辑列�?#8221;功能 �Q�详见help.txt 200行左右的描述以及�C�Z��Q?br>支持多种�~�辑方式�Q�文本框下拉�?��来�q�会支持更多�Q�，可自定义模版�Q��用自定义的文本框下拉框）�Q�还提供了：
对可�~�辑列进行标识，对编辑过的cell�q�行标识�Q�默认�ؓ改变单元��D��景色�Q�，
使用ajax技术提交后収ͼ�提交成功的cell��清除编辑标�?�{�脓(chu��ng)心设计�?br>2) 增加�?高亮昄��选中行的功能�Q��?ec:table属�? selectlightRow="true"
3) ��L��?fullnavigation��D��条，��其与navigation��D��条合�q?br>改�ؓ为ec:table增加属�?nearPageNum="数字" 用来讄��D��条前后显�C�的邻近��|�� {�于0�?��Z��使用邻近��c�?br>4) 为ec:table增加�?maxRowsExported="数字" 属性，用来限制导出大最大条敎ͼ� 如果数据��过�q�个数目�Q�则不执行导出操作�?br>5) ��Z��前增加的ec:table的pageSizeList属�?增加了特�?br>pageSizeList="max:200,10,15,30,50,100,all" 如果 10--100以及all中，某一��大�q�了max�?00�?不在列表中显�C��?br>也可以只使用pageSizeList="max:200" 此时��?使用默认讄��Q��ƈ�q�行max控制�?br>6) 解决了pdf中文�~�码问题�Q�终于支持pdf导出�?/font>�?br>7) 恢复了对sitemesh的支持，用法见原版ec文��Q�我没有亲自没有��试,因�ؓ我不会用sitemesh :( �Q��?br>8) Ajax��页优化�Q�同时增加了 ECSide.findAjaxZoneAtClien 属性，可设�|?客户�?�q�是服务端进�?html代码剪裁�?br>默认推荐使用服务器端�?br>9) 再次对js和java代码�q�行了较大规模的重构,清理了一些无用代码，��d��了必要的协议信息�?br>10) 一些细节的修改(例如�Ҏ(gu��)��轮的支持更自�?filterable="true"手动调节列宽功能屏蔽�{?
�q�有对一些小bug的修正，但是�׃��变化较大�Q�肯定还会带来一些新bug�?br>11) 整个�C�Z��的应�?font color=#ff0000>逐步发展�?ecside 的最�?j��ng)_��?/font>�Q�加入了hsqldb�Q�hsqldb的��用参考了springside�Q�，全新的例子�?br>当然�q�不够好会在以后的日子里�l�箋完善�?br>12) 做了一个简单的logo :)�?/font>

��Z��问一下：
我��用了 springside �?HsqlListener �Q�做了些修改但绝对不涉及到核心）�Q��ؓ什么在每次重启应用的时候��L��包下面的异常呢？�Q?br>Exception in thread "HSQLDB Timer @15d63da" java.lang.NullPointerException
at org.hsqldb.lib.HsqlTimer.nextTask(Unknown Source)
at org.hsqldb.lib.HsqlTimer$TaskRunner.run(Unknown Source)
at java.lang.Thread.run(Unknown Source)

===============================
2007-01-16 14�?br>===============================
1) 当��?#8220;列表内部滚动�?#8221;�Ӟ��可以使用癑ֈ��?/strong>来设�|�列表的宽度了�?br>(但还是徏议�?zh��n)�使用像素�Q�px�Q�作为列表和列的宽度单位,因�ؓ癑ֈ��q�有一些小bug)
�q�有个徏�?不管是��用什么样的宽度，��都要使用一�?#8220;自动宽度”的column�Q?br>��是说不要给所有的ec:column都指定width�Q�给其中一个点“自由”�Q�这样很多已知的关于列宽调整的问题都可以解决�?br>2) 对eccn.js�q�行了大量的修改�Q�提供了更好(但不完美)的IE和FF兼容�Q�一��_��?/strong>�Q�这个工作差�Ҏ(gu��)��我篏吐血�Q?
ff和ie 在取得对象坐标和宽度的算法不�?太郁闷了
3) 修正了一�?font color=#ff9900>bug�?/font>

===============================
2007-01-12 以及之前的一些更新日�?/font>
===============================
1) �?#8220;列表内部滚动�?#8221;增加了对鼠标滚轮的支�?只在ie6和ff2下测试过,其他版本没有��试)
2) ��部�?#8220;列表内部滚动�?#8221;相关的代码从java中提�?改用js实现.
3) 对js文�g做了一些调整�?br>4) 修正了一些小bug�?

===============================
1) 修正了一�?#8220;列表内部滚动�?#8221;的bug
该bug表现为在 IE�?有些windows的主题下�Q�纵向滚动条不可用。FT!!!!!
2) eccn.js做了一点小��的改动�Q��ؓ��来做过�~�码支持打下了一点点基础.

===============================
1) 修正了改变页面大��时“列表内部滚动�?#8221;错�ؕ的bug
2) 重构�?#8220;列表内部滚动�?#8221;相关的js和java代码

===============================
1) 修正了��用ajax��页�?#8220;列表内部滚动�?#8221;错�ؕ的bug
2) 增加了当列表内容的实际宽度和高度��于讄��的宽度和高度的时候，
   自动调整区域大小,同时自动隐藏滚动条（只隐藏横向的�Q�的功能�?/p>
===============================
增加�?#8220;固定列表��_��滚动列表�?#8221;(“列表内部滚动�?#8221;)的功�?br>�q�个功能实现��h��比我一开始想像的复杂
不是��单的使用一�?div overflow:scroll��可以搞定的
虽然功能是支持了但是代码肯定�q�有很多bug或者是可以改进的地�?br>�Ƣ迎大家�U�极的提出宝�늚�意见谢谢�?/p>
使用�Ҏ(gu��)��Q?br>ec:table标签�?增加
listHeight="数字" 属�?�Q�指定列表体的高度）
同时把要指定 width="数字" 不能省略同时要��用绝对大��?而不要��用百分比

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

部分增强功能��介：
�Q�详见help.txt�Q?/p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我们有自��q��圈子�?
以后大家�?ecside相关的问�?可以�?font color=#ff0000>圈子�?/font>
我的 blog里问( http://fins.javaeye.com/blog/48723 )
别在发消息了因�ؓ发消息别人看不到而有些问题可能别��Z��遇到�q?或者是我回�{�的不对别�h也可以帮�?
对吧?
谢谢大家

ecside发布地址�Q?br>http://fins.javaeye.com/blog/40190
ecside圈子:
http://ecside.javaeye.com/
ecside�l�合讨论专用�?br>http://fins.javaeye.com/blog/48723

我申请了javascud��目而且也申请了svn 但是不会用啊 :'( 谁来教教我啊

依赖包已�l�上传到圈子的共享空间里�?/strong>

�?�?误��压羃后放�?WEB-INF/lib�?如果不导出pdf可以不下载pdf相关的包 �?字体文�g �q�两个比较大

ecside_1.0_rc1_20070121b.zip

描述: 完整版，但不包括所依赖的WEB-INF/lib下的文�g.依赖文�g可以��d��子里下蝲, 也可以去javaeye ftp下蝲,也可以按照WEB-INF/lib下的filelist.txt文�g所�?自行下蝲.
下蝲

文�g�? ecside_1.0_rc1_20070121b.zip

文�g大小: 697 KB

下蝲�q�的: 文�g被下载或查看 774 ��?/span>

芦苇 2007-08-09 13:20 发表评论

攉��的非�怸�错的js脚本

芦苇 — Mon, 06 Aug 2007 02:55:00 GMT

1 >屏蔽功能�c?/strong>

1.1 屏蔽键盘所有键

1.2 屏蔽鼠标右键

在body标签里加上oncontextmenu=self.event.returnvalue=false

或�?/font>

function nocontextmenu()
{
    if(document.all) {
        event.cancelBubble=true;
        event.returnvalue=false;
        return false;
    }
}

或�?/font>

1.3 屏蔽 Ctrl+N、Shift+F10、F5��h��、退格键

1.4屏蔽��览器右上角"最��化""最大化""关闭"�?/font>

function window.onbeforeunload()
{
  if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
  {
    window.event.returnvalue = "";
  }
}

或者��用全屏打开��面

注：在body标签里加上onbeforeunload="javascript:return false"�Q��不能关闭�H�口�Q?/p>
1.5屏蔽F5�?/font>

1.6屏蔽IE后退按钮

在你链接的时候用

1.7屏蔽�ȝ��口滚动条

在body标签里加�?nbsp;style="overflow-y:hidden"

1.8 屏蔽拷屏,不断地清�I�剪贴板

在body标签里加上onload="setInterval('clipboardData.setData(\'Text\',\'\')',100)"

1.9 屏蔽�|�站的打印功�?/font>

1.10 屏蔽IE6.0 囄��上自动出现的保存图标

�Ҏ(gu��)��一�Q?br>
�Ҏ(gu��)��二：

1.11 屏蔽��中所有的script

2 >表单提交验证�c?/strong>

2.1 表单��不能�ؓ�I?/font>

2.2 比较两个表单��的值是否相�?/font>

2.3 表单��只能�ؓ数字�?_",用于�?sh��)�?银行帐号验证�?可扩展到域名注册�{?/font>

2.4 表单��输入数�?长度限定

2.5 中文/英文/数字/邮�g地址合法性判�?/font>

2.6 限定表单��不能输入的字符

2.7 屏蔽右键、刷新、退格等功能

2.8 今天做系�l�时�Q�用来判断radiobox选择的问�?(1.29)

2.9 全屏打开�H�口、最大化�H�口...
//全屏
function fullScrn(url)
{
if(confirm("?"))
{
  var win = window.open (url,"","fullscreen=yes,toolbar=no,scrollbars=yes");
  win.focus();
}
return win;
}

//最大化

//鼠标�U�d��
function mouseovertd (o){
o.style.backgroundColor='#f2f2f2';
o.style.cursor='hand';
}
function mouseouttd (o){
o.style.backgroundColor='#FFFFFF';
o.style.cursor='hand';
}

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=273019

芦苇 2007-08-06 10:55 发表评论

Js实现Map对象

芦苇 — Mon, 06 Aug 2007 02:54:00 GMT

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1550098

芦苇 2007-08-06 10:54 发表评论

JavaScript �?BASE64 ��法

芦苇 — Fri, 20 Jul 2007 05:00:00 GMT

/**
* 我在�|�上看到�q�很多BASE64的JavaScript��法�Q�都觉得不满意，于是自己写了一个，在这里分享一下�?br>* 我的代码在质量的效率都较高，没有一些冗余的操作。��M��来讲我觉得非�怸�错�?br>* 如果大家有什么不懂的地方可以问我�?br>*/
var BASE64={
    /**
     * 此变量�ؓ�~�码的key�Q�每个字�W�的下标相对应于它所代表的编码�?br>     */
    enKey: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/',
    /**
     * 此变量�ؓ解码的key�Q�是一个数�l�，BASE64的字�W�的ASCII值做下标�Q�所对应的就是该字符所代表的编码倹{�?br>     */
    deKey: new Array(
        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
        52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
        -1,  0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14,
        15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
        -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
        41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1
    ),
    /**
     * �~�码
     */
    encode: function(src){
        //用一个数�l�来存放�~�码后的字符�Q�效率比用字�W�串相加高很多�?/span>
        var str=new Array();
        var ch1, ch2, ch3;
        var pos=0;
       //每三个字�W�进行编码�?/span>
        while(pos+3<=src.length){
            ch1=src.charCodeAt(pos++);
            ch2=src.charCodeAt(pos++);
            ch3=src.charCodeAt(pos++);
            str.push(this.enKey.charAt(ch1>>2), this.enKey.charAt(((ch1<<4)+(ch2>>4))&0x3f));
            str.push(this.enKey.charAt(((ch2<<2)+(ch3>>6))&0x3f), this.enKey.charAt(ch3&0x3f));
        }
        //�l�剩下的字符�q�行�~�码�?/span>
        if(pos<src.length){
            ch1=src.charCodeAt(pos++);
            str.push(this.enKey.charAt(ch1>>2));
            if(pos<src.length){
                ch2=src.charCodeAt(pos);
                str.push(this.enKey.charAt(((ch1<<4)+(ch2>>4))&0x3f));
                str.push(this.enKey.charAt(ch2<<2&0x3f), '=');
            }else{
                str.push(this.enKey.charAt(ch1<<4&0x3f), '==');
            }
        }
       //�l�合各编码后的字�W�，�q�成一个字�W�串�?/span>
        return str.join('');
    },
    /**
     * 解码�?br>     */
    decode: function(src){
        //用一个数�l�来存放解码后的字符�?/span>
        var str=new Array();
        var ch1, ch2, ch3, ch4;
        var pos=0;
       //�q��o非法字符�Q��ƈ��L��'='�?/span>
        src=src.replace(/[^A-Za-z0-9\+\/]/g, '');
        //decode the source string in partition of per four characters.
        while(pos+4<=src.length){
            ch1=this.deKey[src.charCodeAt(pos++)];
            ch2=this.deKey[src.charCodeAt(pos++)];
            ch3=this.deKey[src.charCodeAt(pos++)];
            ch4=this.deKey[src.charCodeAt(pos++)];
            str.push(String.fromCharCode(
                (ch1<<2&0xff)+(ch2>>4), (ch2<<4&0xff)+(ch3>>2), (ch3<<6&0xff)+ch4));
        }
        //�l�剩下的字符�q�行解码�?/span>
        if(pos+1<src.length){
            ch1=this.deKey[src.charCodeAt(pos++)];
            ch2=this.deKey[src.charCodeAt(pos++)];
            if(pos<src.length){
                ch3=this.deKey[src.charCodeAt(pos)];
                str.push(String.fromCharCode((ch1<<2&0xff)+(ch2>>4), (ch2<<4&0xff)+(ch3>>2)));
            }else{
                str.push(String.fromCharCode((ch1<<2&0xff)+(ch2>>4)));
            }
        }
       //�l�合各解码后的字�W�，�q�成一个字�W�串�?/span>
        return str.join('');
    }
};

使用�Ҏ(gu��)��Q?/p>
var str='hello world!';
var enstr=BASE64.encode(str);
alert(enstr);
var destr=BASE64.decode(enstr);
alert(destr);

芦苇 2007-07-20 13:00 发表评论

使用FileUpload�l��g实现文�g上传

芦苇 — Thu, 21 Jun 2007 08:44:00 GMT

文�g上传在web应用中非常普遍，要在servlet/jsp环境中实现文件上传功能非常容易，因�ؓ�|�上已经有许多用java开发的�l��g用于文�g上传�Q�本文以commons-fileupload�l��g��Z��Q��ؓservlet/jsp应用��d��文�g上传功能�?/p>
common-fileupload�l��g是apache的一个开源项目之一�Q�可以从http://jakarta.apache.org/commons/fileupload/下蝲。该�l��g��单易用，可实��C��ơ上传一个或多个文�g�Q��ƈ可限制文件大��?/p>
下蝲后解压zip包，��commons-fileupload-1.0.jar复制到tomcat的webapps\你的webapp\WEB-INF\lib\下，如果目录不存在请自徏目录�?/p>
新徏一个servlet: Upload.java用于文�g上传�Q?/p>
import java.io.*;
import java.util.*;
import javax.servlet.*;
import javax.servlet.http.*;
import org.apache.commons.fileupload.*;

public class Upload extends HttpServlet {

    private String uploadPath = "C:\\upload\\"; // 用于存放上传文�g的目�?br>    private String tempPath = "C:\\upload\\tmp\\"; // 用于存放临时文�g的目�?/font>

    public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws IOException, ServletException
    {
    }
}

当servlet收到��览器发出的Post��h��后，在doPost()�Ҏ(gu��)��中实现文件上传。以下是�C�Z��代码�Q?/p>
public void doPost(HttpServletRequest request, HttpServletResponse response)
    throws IOException, ServletException
{
    try {
        DiskFileUpload fu = new DiskFileUpload();
        // 讄��最大文件尺寸，�q�里�?MB
        fu.setSizeMax(4194304);
        // 讄��~�冲区大��，�q�里�?kb
        fu.setSizeThreshold(4096);
        // 讄��临时目录�Q?br>        fu.setRepositoryPath(tempPath);

        // 得到所有的文�g�Q?br>        List fileItems = fu.parseRequest(request);
        Iterator i = fileItems.iterator();
        // 依次处理每一个文�Ӟ��
        while(i.hasNext()) {
            FileItem fi = (FileItem)i.next();
            // 获得文�g名，�q�个文�g名包括�\径：
            String fileName = fi.getName();
            if(fileName!=null) {
               // 在这里可以记录用户和文�g信息
                // ...
                // 写入文�ga.txt�Q�你也可以从fileName中提取文件名�Q?br>                fi.write(new File(uploadPath + "a.txt"));
            }
        }
        // 跌��{��C��传成功提�C�页�?br>    }
    catch(Exception e) {
        // 可以跌��{出错��面
    }
}

如果要在配置文�g中读取指定的上传文�g夹，可以在init()�Ҏ(gu��)��中执行：

public void init() throws ServletException {
    uploadPath = ....
    tempPath = ....
    // 文�g夹不存在��p��动创建：
    if(!new File(uploadPath).isDirectory())
        new File(uploadPath).mkdirs();
    if(!new File(tempPath).isDirectory())
        new File(tempPath).mkdirs();
}

�~�译该servlet�Q�注意要指定classpath�Q�确保包含commons-upload-1.0.jar和tomcat\common\lib\servlet-api.jar�?/p>
配置servlet�Q�用��C��本打开tomcat\webapps\你的webapp\WEB-INF\web.xml�Q�没有的话新��Z��个。典型配�|�如下：

    PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    "


        Upload
        Upload



        Upload
        /fileupload


配置好servlet后，启动tomcat�Q�写一个简单的html��试�Q?/p>

enctype="multipart/form-data" name="form1">

注意action="fileupload"其中fileupload是配�|�servlet时指定的url-pattern�?/p>

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=15991

芦苇 2007-06-21 16:44 发表评论

javascript弹出�H�口�ȝ��

芦苇 — Sat, 26 May 2007 10:10:00 GMT
�?
//关闭,父窗口弹出对话框,子窗口直接关�?br>this.Response.Write("window.close();");

//关闭,父窗口和子窗口都不弹出对话框,直接关闭
this.Response.Write("");

//弹出�H�口��h��当前��面width=200 height=200菜单。菜单栏,工具�?地址�?状态栏全没�?br>this.Response.Write("window.open('rows.aspx','newwindow','width=200,height=200')");

//弹出�H�口��h��当前��面
this.Response.Write("window.open('rows.aspx')");
this.Response.Write("");

//弹出提示�H�口跛_��webform2.aspx��?在一个IE�H�口�?
this.Response.Write(" alert('注册成功');window.window.location.href='WebForm2.aspx'; ");

//关闭当前子窗�?��h��父窗�?br>this.Response.Write("");
this.Response.Write("");

//子窗口刷新父�H�口
this.Response.Write("");
this.Response.Write("");

//弹出提示�H�口.��定后弹出子�H�口(WebForm2.aspx)
this.Response.Write("alert('发表成功�Q?);window.open('WebForm2.aspx')");

//弹出提示�H�口,��定�?��h��父窗�?br>this.Response.Write("");

//弹出相同的一��?br>

//
Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp=" +str+"';");


　　
　　参数解释�Q?nbsp;
　　
　　 js脚本开始；
　　window.open 弹出新窗口的命��o�Q?nbsp;
　　'page.html' 弹出�H�口的文件名�Q?nbsp;
　　'newwindow' 弹出�H�口的名字（不是文�g名）�Q�非必须�Q�可用空''代替�Q?nbsp;
　　height=100 �H�口高度�Q?nbsp;
　　width=400 �H�口宽度�Q?nbsp;
　　top=0 �H�口距离屏幕上方的象素��|��
　　left=0 �H�口距离屏幕左侧的象素��|��
　　toolbar=no 是否昄��工具栏，yes为显�C�；
　　menubar�Q�scrollbars 表示菜单栏和滚动栏�?nbsp;
　　resizable=no 是否允许改变�H�口大小�Q�yes为允许；
　　location=no 是否昄��地址栏，yes为允许；
　　status=no 是否昄��状态栏内的信息�Q�通常是文件已�l�打开�Q�，yes为允许；
　　 js脚本�l�束

'newwin':隐藏菜单栏地址栏工��h��
width=50:宽度
height=50:高度
scrollbars=yes/n滚动�?br>top=50:�H�口距离屏幕上方
left=50:�H�口距离屏幕左侧
�?window.open('detail.aspx?ID="+e.Item.Cells[1].Text+"','newwin','width=750,height=600,scrollbars=yes,top=50,left=50');");
this.Response.Write("");

�?
this.Response.Write("");
this.Response.Write("");

�? linkcolumn1.DataNavigateUrlFormatString="javascript:varwin=window.open('edit_usr.aspx?actid={0}','newwin','width=750,height=600,scrollbars=yes,top=50,left=50');window.close()";

芦苇 2007-05-26 18:10 发表评论

ecside_1.0_rc1_20070121b.zip
描述:	完整版，但不包括所依赖的WEB-INF/lib下的文�g.依赖文�g可以��d��子里下蝲, 也可以去javaeye ftp下蝲,也可以按照WEB-INF/lib下的filelist.txt文�g所�?自行下蝲.	下蝲
文�g�?	ecside_1.0_rc1_20070121b.zip
文�g大小:	697 KB
下蝲�q�的:	文�g被下载或查看 774 ��?/span>

亚洲av无码国产精品色午夜字幕 ,国产亚洲成人在线播放va,亚洲中文字幕AV每天更新

围绕Ext JS 2.0的IDE、插件和工具 [转自javaeye]

eXtremeComponents指南

定制FilterCell

1. 引言

1.1. 定制Droplist�q���o器Cell�C�Z��

定制FilterRowsCallback

1. 引言

1.1. 定制FilterRowsCallback�C�Z��

Form指南

1. 引言

1.1. JSP

1.1.1. Form�Ҏ(gu��)��的技术说�?/h4>

1.1.2. Checkbox

1.1.3. Custom Cell

1.1.4. JavaScript

1.2. Cell

1.3. Controller

1.3.1. 表标�{�֊�作Controller

1.3.2. Form动作Controller

1.3.3. 重新得到Checkbox的�?/h4>

Html视图定制指南

1. 引言

1.1. View接口

1.2. Messages�C�Z��

拦截器��用指�?/h2>

1. 引言

1.1. 拦截器列�?/h3>

1.2. 行拦截器�C�Z��

Limit指南

1. 引言

1.1. JSP

1.2. Controller

1.3. Service

1.3.1. 取得总行�?/h4>

1.3.2. 取得Collection

1.4. DAO

1.4.1. 定义Query字符�?/h4>

1.4.2. Filter �?Sort Query 字符�?/h4>

1.4.3. Limit Query String

1.4.4. 取回总行数和Collection.

1.4.5. 默认的Sort��序

Preferences 指南

1. 引言

1.1. Preferences�?/h3>

1.2. 指定Preference别名

使用dtree构徏动态树型菜�?

dtree右键菜单

Jsp中��用EL表达式不解析(无效)的问�?

攉���的非�怸�错的js脚本

Js实现Map对象

JavaScript �?BASE64 ���法

使用FileUpload�l��g实现文�g上传

javascript弹出�H�口�ȝ��

1.1. 定制Droplist�q��o器Cell�C�Z��

攉��的非�怸�错的js脚本

JavaScript �?BASE64 ��法