发布一个websearch控件源码

iwebsms 2007-04-08 12:30:31

下载网址：http://www.dahai.net/WebSearch.rar

WebSearch JS(0.1)版

Code By webcool(浪滔天)
官方论坛：http://s.sogou.com/topicAction.do?spaceID=websearch

感谢 WalkingPoison 提供的水晶日历，这个日历确实不错，我一直在用
感谢我佛山人(wfsr@msn.com) 提供的验证控件，这个是我认为写的最到位的东东，有机会的人可以去研究下

WebSearch控件有助于程序员开发数据库软件的搜索工作。
在代码中简单的设置相应的数据库字段后，本控件可以自动生成搜索需要的界面，并可以根据搜索界面操作的结果生成相应的SQL条件语句。
真正让开发人员省时、省心。

首先现在需要使用websearch控件的地方引用如下3个js文件
<script language="javascript" src="WebSearch/validate.js"></script>
<script language="javascript" src="WebSearch/wp.js"></script>
<script language="javascript" src="WebSearch/WebSearch.js"></script>

然后，在需要显示websearch的表格中，设置一个id=websearch的td
<TABLE>
<TR>
<TD id=websearch></TD>
</TR>
</TABLE>

最后，如下方式定义数据库对应的字段信息，和字段类型
<SCRIPT language=JavaScript>
//这里要定义个数据项的所有东东
var FieldCount=3;var DataField=new Array(FieldCount);for (i=0; i<FieldCount; i++){DataField[i]=new Array()};x=0;
DataField[x][0]="中文姓名";DataField[x][1]="Name";DataField[x][2]="String";x++;
DataField[x][0]="年龄";DataField[x][1]="Age";DataField[x][2]="Int";x++;
DataField[x][0]="出生日期";DataField[x][1]="Brithday";DataField[x][2]="Date";x++;
LoadData();
</SCRIPT>
到这里页面上的事情都处理好了，接下来就是在后台获取对应的sql语句了
Request("SearchSQL")

好了，试试吧，呵呵，但愿这个东西能给大家带来方便
也希望有高手提供修改意见

具体可以 copy 下面的代码到一个Html里面，试试功能

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript" src="WebSearch/validate.js"></script>
<script language="javascript" src="WebSearch/wp.js"></script>
<script language="javascript" src="WebSearch/WebSearch.js"></script>
</head>
<body >
<form id="form1" runat="server" name="form1" action ="">

<TABLE>
<TR>
<TD id=websearch></TD>
</TR>
</TABLE>

<SCRIPT language=JavaScript>
//这里要定义个数据项的所有东东
var FieldCount=3;var DataField=new Array(FieldCount);for (i=0; i<FieldCount; i++){DataField[i]=new Array()};x=0;
DataField[x][0]="中文姓名";DataField[x][1]="Name";DataField[x][2]="String";x++;
DataField[x][0]="年龄";DataField[x][1]="Age";DataField[x][2]="Int";x++;
DataField[x][0]="出生日期";DataField[x][1]="Brithday";DataField[x][2]="Date";x++;
LoadData();
</SCRIPT>
</form>
</body>
</html>

在实际使用中发现一个问题就是选择日历的时候，会出现异常信息，研究之后取消页面中如下代码就正常了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

最后再罗嗦下，目录结构最好这样设置
/根目录
/<WebSearch>(把webseach.rar解压缩在这里)
/button_bg.gif
/button_left.gif
/button_right.gif
/search.gif
/validate.js
/WebSearch.js
/wp.js
/websearch.aspx(可以在这里调用websearch)

下载网址：http://www.dahai.net/WebSearch.rar

...全文