发布一个websearch控件源码

iwebsms 2007-04-08 12:32:16
下载网址: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
...全文
225 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
liuph3000 2007-04-13
  • 打赏
  • 举报
回复
你的websearch连接数据库的语句应该怎么用?
能给我一个具体有数据库的例子吗?
我的邮箱是peipei3000@163.com
谢谢!
learsu 2007-04-08
  • 打赏
  • 举报
回复
收藏,谢谢分享
李睿_Lee 2007-04-08
  • 打赏
  • 举报
回复
看看先。
感谢分享。

28,408

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧