- 浏览: 230334 次
- 性别:
- 来自: 武汉
-
文章分类
- 全部博客 (123)
- Struts1 (1)
- struts2 (3)
- 专业词汇解释 (1)
- oracle (1)
- javascript (19)
- ExtJS (14)
- jsp (5)
- webLogic (8)
- GXT (2)
- SSH (2)
- displayTag (3)
- 浏览器 (6)
- eclipse (6)
- tomcat (1)
- spring (3)
- J2SE (1)
- SVN (5)
- JBPM (1)
- jQuery (1)
- DWR (2)
- jfreechart (1)
- php (1)
- java组件 (1)
- JSTL (1)
- 操作系统(winXP) (3)
- 心得 (3)
- webservices (1)
- Hibernate (1)
- 工具 (2)
- Online Editor (2)
- 区别 (1)
- 职场技能 (1)
- 个人关注 (2)
- Android (7)
- Linux (7)
- HTML (1)
- 工作总结 (1)
- 笔记 (0)
最新评论
-
luoxiang183：
是啊，不对啊
jboss-as-7.1.1不兼容spring解决办法 -
liqiaoqiaoz：
按照你上面的改法不正确出现如下错误：13:49:55,759 ...
jboss-as-7.1.1不兼容spring解决办法 -
webczw：
不错，学习
Android通过http协议数据交互的两种方式 -
peng_hao1988：
...
Rational Rose -
gepangtsai：
再判断下：
if (grid) {
grid.setW ...
ExtJS GridPanel根据窗口大小自动变化插件
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>查询条件表单</title>
<style>
*{
font-size:12px;
padding:0;
margin:0;
}
body{
padding:40px;
}
#MainBox{
border:#666 1px solid;
background-color:#eee;
width:700px;
}
#MainBox td{
padding:4px;
}
#ConditionBox{
height:150px;
width:100%;
overflow-y:auto;
border:#bbb 1px solid;
padding:2px;
background-color:#fff;
}
.tmFrame{
border:#eee 1px solid;
padding:2px;
width:100%;
}
.tmFrame_highlight{
border:#666 1px solid;
padding:2px;
width:100%;
background-color:#f7f7f7;
}
.fname{
float:left;
width:200px;
}
.conn{
float:left;
width:100px;
}
.fvalue{
float:left;
width:100px;
}
.handlebox{
float:right;
width:180px;
display:none;
}
.handlebox_view{
float:right;
width:180px;
display:block;
}
.rbox{
float:right;
margin:1px;
background-color:#999;
color:#fff;
padding:1px;
width:15px;
cursor:hand;
}
legend{
border:#bbb 1px solid;
padding:4px;
}
fieldset{
border:#bbb 1px solid;
padding:4px;
}
.sqlwords{
margin:2px;
border:#bbb 1px solid;
width:100%;
}
</style>
<script>
////构造函数
function ce(e){return document.createElement(e)}
/* Example:
* var a = cex("DIV", {onmouseover:foo, name:'div1', id:'main'});
*/
function cex(e, x){
var a = ce(e);
for (prop in x){
a[prop] = x[prop];
}
return a;
}
/*
* function ge
* Shorthand function for document.getElementById(i)
*/
function ge(i){return document.getElementById(i)}
/*
* function ac
* Example: ac( house, ac(roof, shingles), ac(floor, ac(tiles, grout)))
*/
function ac(){
if (ac.arguments.length > 1){
var a = ac.arguments[0];
for (i=1; i<ac.arguments.length; i++){
if (arguments[i])
a.appendChild(ac.arguments[i]);
}
return a;
} else {
return null;
}
}
/////ID增量
function guid(){
if (!window.__id) window.__id = 0;
return ++window.__id;
}
//======建立条件类
function term(tname,fname,conn,fvalue,ttype){
this.tname=tname;
this.fname=fname;
this.conn=conn;
this.fvalue=fvalue;
this.id= guid();
this.ttype=ttype;
}
term.prototype.getHTML = function(){
var termFrame = cex("DIV", {
id:this.id,
className:'tmframe',
onmouseover:this.fc_term_onmouseover(),
onmouseout:this.fc_term_onmouseout()
});
//var module = cex("DIV", {
//id:'module'+this.id,
//className:'module'
//});
var tttt=this.tname+"."+this.fname;
if(this.ttype!='fset')
tttt=this.tname;
var mtt = cex("input", {
id:'tp'+this.id,
name:'fname'+this.id,
type:"hidden",
value:this.ttype
});
var fname = cex("DIV", {
id:'fname'+this.id,
className:'fname',
innerHTML:tttt
});
var conn = cex("DIV", {
id:'conn'+this.id,
className:'conn',
innerHTML:this.conn
});
var fvalue = cex("DIV", {
id:'fvalue'+this.id,
className:'fvalue',
innerHTML:this.fvalue
});
var handlebox = cex("div", {
id:'handlebox'+this.id,
className:"handlebox"
});
var mdel = cex("div", {
id:'tmdel'+this.id,
onclick:this.fc_mdel_onclick(),
className:"rbox",
title:"删除此条件",
innerHTML: 'X'
});
var mup = cex("div", {
id:'tmup'+this.id,
onclick:this.fc_mup_onclick(),
className:"rbox",
title:"向上移动",
innerHTML: '↑'
});
var mdown = cex("div", {
id:'tmdown'+this.id,
onclick:this.fc_mdown_onclick(),
className:"rbox",
title:"向下移动",
innerHTML: '↓'
});
var mzkh = cex("div", {
id:'tzkh'+this.id,
onclick:this.fc_mzkh_onclick(),
className:"rbox",
title:"添加左括号",
innerHTML: '('
});
var mykh = cex("div", {
id:'tykh'+this.id,
onclick:this.fc_mykh_onclick(),
className:"rbox",
title:"添加右括号",
innerHTML: ')'
});
var mand = cex("div", {
id:'tand'+this.id,
onclick:this.fc_mand_onclick(),
className:"rbox",
title:"添加并条件",
innerHTML: 'and'
});
var mor = cex("div", {
id:'tor'+this.id,
onclick:this.fc_mor_onclick(),
className:"rbox",
title:"添加或条件",
innerHTML: 'or'
});
// Build DIV
ac (termFrame,
mtt,
ac (handlebox,
mdel,
mup,
mdown,
mykh,
mzkh,
mand,
mor
),
fname,
conn,
fvalue
);
return termFrame;
}
term.prototype.highlight = function(){
ge("handlebox"+this.id).className = 'handlebox_view';
ge(this.id).className = 'tmFrame_highlight';
}
term.prototype.lowlight = function(){
ge("handlebox"+this.id).className = 'handlebox';
ge(this.id).className = 'tmFrame';
}
term.prototype.remove = function(){
var _this = ge(this.id);
_this.parentNode.removeChild(_this);
}
term.prototype.moveup = function(){
var _this = ge(this.id);
var pre_this = _this.previousSibling;
if(pre_this!=null){
_this.parentNode.insertBefore(_this,pre_this);
this.lowlight();
}
}
term.prototype.movedown = function(){
var _this = ge(this.id);
var next_this = _this.nextSibling;
if(next_this!=null){
_this.parentNode.insertBefore(next_this,_this);
this.lowlight();
}
}
term.prototype.addzkh = function(){
var _this = ge(this.id);
var tzkh = new term('╭----------------','','','','zkh');
var node_zkh = tzkh.getHTML();
_this.parentNode.insertBefore(node_zkh,_this);
}
term.prototype.addykh = function(){
var _this = ge(this.id);
var tykh = new term('╰----------------','','','','ykh');
var node_ykh = tykh.getHTML();
if(_this.nextSibling!=null)
_this.parentNode.insertBefore(node_ykh,_this.nextSibling);
else
_this.parentNode.appendChild(node_ykh);
}
term.prototype.addand = function(){
var _this = ge(this.id);
var tand = new term(' 并且','','','','tand');
var node_and = tand.getHTML();
if(_this.nextSibling!=null)
_this.parentNode.insertBefore(node_and,_this.nextSibling);
else
_this.parentNode.appendChild(node_and);
}
term.prototype.addor = function(){
var _this = ge(this.id);
var tor = new term(' 或者','','','','tor');
var node_or = tor.getHTML();
if(_this.nextSibling!=null)
_this.parentNode.insertBefore(node_or,_this.nextSibling);
else
_this.parentNode.appendChild(node_or);
}
///对象控制函数
term.prototype.fc_term_onmouseover = function(){
var _this = this;
return function(){
//if (!_this.isDragging)
_this.highlight();
}
}
term.prototype.fc_term_onmouseout = function(){
var _this = this;
return function(){
//if (!_this.isDragging)
_this.lowlight();
}
}
term.prototype.fc_mdel_onclick = function(){
var _this = this;
return function(){
_this.remove();
}
}
term.prototype.fc_mup_onclick = function(){
var _this = this;
return function(){
_this.moveup();
}
}
term.prototype.fc_mdown_onclick = function(){
var _this = this;
return function(){
_this.movedown();
}
}
term.prototype.fc_mzkh_onclick = function(){
var _this = this;
return function(){
_this.addzkh();
}
}
term.prototype.fc_mykh_onclick = function(){
var _this = this;
return function(){
_this.addykh();
}
}
term.prototype.fc_mand_onclick = function(){
var _this = this;
return function(){
_this.addand();
}
}
term.prototype.fc_mor_onclick = function(){
var _this = this;
return function(){
_this.addor();
}
}
/////插入页面
function insertterm(){
var tname = document.all.tname.value;
var fname = document.all.fname.value;
var conn = document.all.conn.value;
var fvalue = document.all.fvalue.value;
//xl(tname+"|"+fname+"|"+conn+"|"+fvalue);
var tm = new term(tname,fname,conn,fvalue,"fset");
var tmHTML = tm.getHTML();
ac(ge("ConditionBox"),tmHTML);
//ZA.addterm(tm);
}
//====条件控制窗口函数
function CBadd(){
var h = document.all.ConditionBox.offsetHeight;
document.all.ConditionBox.style.height = h + 20 + "px";
}
function CBcut(){
var h = document.all.ConditionBox.offsetHeight;
if(h>=150)
document.all.ConditionBox.style.height = h - 20 + "px";
else
return false;
}
////////SQL语句处理函数
function getSQL(){
var sql="";
var ma = ge("ConditionBox").childNodes;
//alert(ma.length);
for(i=0;i<ma.length;i++){
var id = ma[i].getAttribute("id");
var tp = ge("tp"+id).value;
if(tp=="fset"){
sql+=" "+ge("fname"+id).innerHTML;
sql+=" "+ge("conn"+id).innerHTML;
sql+=" \""+ge("fvalue"+id).innerHTML+"\"";
}
else{
//sql+=" "+ge("fname"+id).innerHTML;
if(tp=="zkh")
sql+=" (";
if(tp=="ykh")
sql+=" )";
if(tp=="tand")
sql+=" and";
if(tp=="tor")
sql+=" or";
}
//var mn = ma.childNodes;
}
ge("sqlwords").value = "WHERE "+sql;
}
//////////////term数组处理
//var ZA = {};
//ZA.terms = new Array();
//ZA.addterm = function(term){
// var ZAl = ZA.terms.length;
// ZA.terms[ZAl] = term;
//alert(ZA.terms[ZAl].ttype);
// ZAl++;
//}
//ZA.insert_bef_term = function(term,tm){
//}
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" id="MainBox">
<tr>
<td colspan="2" style="background-color:#999;color:#000;font-weight:bolder;font-size:14px">复杂查询表单</td>
</tr>
<tr>
<td><div id="ConditionBox"></div>
<div style="width:100%"><SPAN title='放大显示框' style='float:right;FONT-SIZE: 14px; CURSOR: hand;FONT-FAMILY: webdings' onclick='CBadd()'>6</SPAN><SPAN title='缩小显示' style='float:right;FONT-SIZE: 14px; CURSOR: hand;FONT-FAMILY: webdings' onclick='CBcut()'>5</SPAN></div></td>
</tr>
<tr>
<td>
<fieldset>
<legend>SQL表达式</legend>
<input type="text" id="sqlwords" class="sqlwords" /><input type="submit" name="Submit" value="GET SQL" onclick="getSQL()" style="float:right"/>
</fieldset>
</td>
</tr>
<tr>
<td>
<fieldset>
<legend>定义条件</legend>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>表</td>
<td><select name="tname" id="tname">
<option value="table1" selected="selected">表1</option>
<option value="table2">表2</option>
</select></td>
<td>字段</td>
<td><select name="fname" id="fname">
<option value="f1">字段1</option>
<option value="f2">字段2</option>
<option value="f3">字段3</option>
<option value="f4">字段4</option>
<option value="f5">字段5</option>
<option value="f6">字段6</option>
<option value="f7">字段7</option>
</select></td>
<td>关系</td>
<td><select name="conn" id="conn">
<option value="大于">大于</option>
<option value="等于">等于</option>
<option value="小于">小于</option>
<option value="不等于">不等于</option>
</select></td>
<td>值</td>
<td><input name="fvalue" type="text" id="fvalue" value="111111" /></td>
<td><input type="submit" name="Submit" value="增加新条件" onclick="insertterm()"/></td>
</tr>
</table>
</fieldset>
</td>
</tr>
</table>
</body>
</html>
发表评论
-
JS 鼠标相对document的坐标以及HTML元素相对document的坐标
2010-11-09 09:10 1892Number.prototype.NaN0 = fun ... -
JS offset screen scroll client 介绍(IE)
2010-11-09 08:39 1859obj.offset[Width|Height|Top ... -
javascript实现Table列的拖动
2010-04-15 10:38 1763<!DOCTYPE HTML PUBLIC " ... -
常用的JavaScript验证正则表达式
2009-12-04 09:47 745匹配中文字符的正则表达式： [u4e00-u9fa5]评注：匹 ... -
窗口刷新问题
2009-09-30 13:34 11391.用window.open()方法打开子窗口 在子窗口刷新 ... -
JavaScript,调用函数的5种方法
2009-09-12 16:11 1159一次又一次的,我发现, ... -
点击按钮把文本框的内容复制到剪切板的代码
2009-07-23 09:21 2053<input id="demo" ... -
在javascript文件中使用jstl标签
2009-07-16 09:40 2179天看到同事harry_duan写的一个js文件，感觉挺有意思。 ... -
javascript 创建类的几个方法
2009-07-04 14:33 1318Javascript 语言本身也可以进行面向对象的编程，如下是 ... -
Window.ShowModalDialog使用手册
2009-07-01 09:42 1164Window.ShowModalDialog使用手 ... -
window.opener.location.reload() and href()的区别
2009-07-01 09:04 13832个方法都是刷新父窗口，但是其中还是有奥妙的哦。 ... -
BOM IE浏览器对象模型 基本结构
2009-06-27 19:34 1405文档对象模型（DOM）属于VBScript客户端扩展部分，在文 ... -
Table表格对象
2009-06-27 19:33 903Table表格对象 Table对象 ... -
javaScript页面刷新(收藏)
2009-06-26 08:29 1229//--让打开本窗口的父页面重新刷新(在同一个窗口)--> ... -
function,new function,new Function对比
2009-06-17 15:57 1197函数是JavaScript中很重要 ... -
将阿拉伯数字翻译成中文的大写数字
2009-06-15 10:11 3263function Chinese(num) { if( ... -
用面向对象的方式封装javascript(Animal.js ,Bird.js,People.js)
2009-05-26 14:01 1275javascript 虽然是弱类型检查的脚本语言，可是它也有很 ... -
JavaScript面向对象编程
2009-05-26 13:28 9848.1 JavaScript面向对象编程 许多Web开发人员 ...
相关推荐
可视化sql查询语句生成器，通过点击选择，生成Sql查询语句
根据DataTable中数据行记录改变的状态，动态生成SQL语句， 如果一个表中字段上百个，在只改了其中两三个字段时，则生成的SQL语句就只会含有这修改内容的字段， 有了这一个函数，从此彻底告别手动写SQL语句更新到...
C#封装MySql数据库操作，反射动态生成SQL语句。看程序前，最好请先看看里面的“数据库说明”文档，不然可能会一头雾水。 这是我第一次写数据库的程序，我知道有很多地方写得不好，希望能得到大家的指点。我的联系...
ACCESS数据库与SQL查询语句生成示例 ACCESS数据库与SQL查询语句生成示例 ACCESS数据库与SQL查询语句生成示例
彻底告别手动写SQL语句，一劳永逸解决数据库字段变更后...根据DataTable中数据行记录改变的状态，动态生成SQL语句， 如果一个表中字段上百个，在只改了其中两三个字段时，则生成的SQL语句就只会含有这修改内容的字段
可是实现SQL的自动生成，再也不用为调式SQL语句错误而烦恼了！
Excel根据表格，生成sql语句 ，生成建表语句，自行到数据库中执行， 需要excel启用宏，按规则填充表格后可生成表格目录及生成sqlserver语句。
SQL查询语句生成器源代码
可以动态生成sql语句，就可以不用再写存储过程了，相当有用的
python自动生成sql建表语句，可生成oracle，mysql，teradata建表语句，传入excel，生成建表语句
Linq 将生成SQL语句显示出来 用于检查linq解析出来的sql语句。 很适合新手学习
注解反射生成SQL语句注解反射生成SQL语句注解反射生成SQL语句
查看LINQ生成SQL语句的几种方法，对应的说明文件及dll文件在压缩包中
sql语句自动生成器，可以自动生成sql语句，在也不用怕记不住sql语句担心了！
自动生成SQL语句的简单工具。。。。。。。。。。。。
选中SQL SERVER 数据库中的表，自动根据表结构及里面的数据，自动生成SQL语句，方便把数据导入到其它的数据库中,比较适合用于安装程序的制作工具了
传入表得到插入的脚本语句,提高自己写插入语句的麻烦.数据管理者必备知识.
C#泛型、反射实例，分层，自动生成sql语句
生成SQL语句工具
支持sqlserver与oracle自动生成sql创建表语句，一键自动生成，非常强大。