组合条件查询（初版）

例子下载
如果你正在从事一些信息系统的开发，那么不可避免的是，需要根据不同的条件去查数据，那么用户可能希望的是可以使用所有相关的条件去查询，这也就是大家认为的组合条件查询。
这里介绍的只是组合条件查询的一个雏形，灵活性、可移植性、可复执性都还不太好，这里拿出来也就是给大家一点参考，当然，在后续的日子里，我会继续完善它，争取让它具有相当高的复制性，可以给你的开发工作带来一点便利。

先截个图给大家看一下：

当然，这只是个雏形，以后它会慢慢的变得漂亮和更实用一些。
实现的代码，全部使用javascript实现，有一部分还是硬编码，由于对javascript的了解还是一点皮毛，所以还没有封装好。贴一下实现的代码吧。

        function InsertCondition(table,number)
        {
            //获取插入的table
            var tb = document.getElementById(table);
            //插入一行 <tr> </tr>
            var newRow = tb.insertRow();
            //插入一个单元格 <td> </td>
            var newCell = newRow.insertCell();
            //创建一个select 字段
            var selField = document.createElement("select");
            selField.id = table + "_selField_" + number;
            var option1 = new Option('','');
            var option2 = new Option('育龄妇女姓名','Name');
            var option3 = new Option('出生日期','Birthday');
            var option4 = new Option('婚姻状况','MarriageStatus');
            var option5 = new Option('初婚日期','MarryDate');
            selField.add(option1,0);
            selField.add(option2,1);
            selField.add(option3,2);
            selField.add(option4,3);
            selField.add(option5,4);
            
            newCell.appendChild(selField);
            
            var newCellLink = newRow.insertCell();
            
            //创建一个select 连接符号
            var selLink = document.createElement("select");
            selLink.id = table + "_selLink_" + number;
            var option1Link = new Option('','');
            var option2Link = new Option('相等','==');
            var option3Link = new Option('不相等','!=');
            selLink.add(option1Link,0);
            selLink.add(option2Link,1);
            selLink.add(option3Link,2);
            
            newCellLink.appendChild(selLink);
            
            var newCellEnd = newRow.insertCell();
            
            //创建一个select 结束
            var selEnd = document.createElement("select");
            selEnd.id = table + "_selEnd_" + number;
            var option1End = new Option('','');
            var option2End = new Option('并且','and');
            var option3End = new Option('或者','or');
            var option4End = new Option('结束','end');
            selEnd.add(option1End,0);
            selEnd.add(option2End,1);
            selEnd.add(option3End,2);
            selEnd.add(option4End,3);
            //绑定事件
            selEnd.attachEvent('onchange',CreateOrDeleteRow);
            newCellEnd.appendChild(selEnd);
        }

function CreateOrDeleteRow()
        {
            var sel = event.srcElement;
            var selID = sel.id;
            
            //分析table的名称以及number
            var list = new Array();  
            list = selID.split('_');
            //当前table的总行数
            var length = document.getElementById(list[0]).rows.length;
            //当前table的行数
            var now = parseInt(list[2]);
            
            var val = sel.options[sel.selectedIndex].value;
            if(val == 'end')
            {
                //删除剩下的行
                
                for(var i=now;i<length;i++)
                {
                    
                    document.getElementById(list[0]).deleteRow();
                }
            }
            else
            {
                if(now == length)
                {
                    
                    
                    //新增一行
                    InsertCondition(list[0],now + 1);
                }
            }
        }

 

//获取组合查询的sql语句
        function GetQuerySql(table)
        {
            var sql = '';
            var tb = document.getElementById(table);
            for(var i=1;i<=tb.rows.length;i++)
            {
                //获取字段 select
                var    selField = document.getElementById(table + "_selField_" + i);
                var fieldVal = selField.options[selField.selectedIndex].value;
                //获取连接 select
                var    selLink = document.getElementById(table + "_selLink_" + i);
                var linkVal = selLink.options[selLink.selectedIndex].value;
                //获取结束 select
                var    selEnd = document.getElementById(table + "_selEnd_" + i);
                var endVal = selEnd.options[selEnd.selectedIndex].value;
                
                if(fieldVal != '' && linkVal != '')
                {
                    sql += ' ( ' + 'fH' + fieldVal + ' ' + linkVal + ' fG' + fieldVal + ') '
                }
                else
                {
                    
                    alert('请把组合条件输入完整！');
                }
                if(endVal != 'end')
                {
                    sql += ' ' + endVal + ' ';
                }
            }
            return sql;
        }

代码比较简单，实现的原理也就不罗嗦了。