JQuery插件第三十三个:高级搜索下的排序功能

原创 2012年03月31日 13:01:25
<!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>
    <title>无标题页</title>
    <script type="text/javascript" src="../jquery-1.6.js"></script>
</head>
<body><input id="ddd" type="hidden" value="10258" />
    <table border="0" cellpadding="0" cellspacing="0">
        <tr class="ser">
            <td width="9%" style="text-align: right;" class="search">
                <span style="text-align: right;">:</span>
            </td>
            <td width="12%">
                <input name="SN" id="SN" type="text" class="sousuo" />
            </td>
            <td width="10%" style="text-align: right;">
                <input name="Startdate" id="Startdate" type="text" class="sousuo2" />
                —
            </td>
            <td width="9%">
                <input name="Enddate" id="Enddate" type="text" class="sousuo2" />
            </td>
            <td width="7%" style="text-align: right;" class="hidfeild">
                加工厂:
            </td>
            <td width="14%" class='hidfeild'>
            </td>
            <td width="5%" style="text-align: right;">
                 <span id="checkerspan">审核人:</span>
            </td>
            <td width="11%" id="checkerddl">
            </td>
            <td width="10%">
                 
            </td>
            <td width="8%">
                 
            </td>
            <td width="8%">
                 
            </td>
            <td width="14%" class='hidcol'>
                 
            </td>
            <td class='hidcol'>
                 
            </td>
        </tr>
        <tr class="ser">
            <td style="text-align: right; padding: 10px 0;">
            </td>
            <td>
            </td>
            <td style="text-align: right;">
                <input name="checkStartdate" id="checkStartdate" type="text" value="审核开始日期" class="sousuo2" />
                —
            </td>
            <td>
                <input name="checkEnddate" id="checkEnddate" type="text" value="审核结束日期" class="sousuo2" />
            </td>
            <td style="text-align: right;" class="hidfeild">
                 <span id="perspan">收货人:</span>
            </td>
            <td class='hidfeild' id="perddl">
                <select name="per" id="per" class="dropdownlist">
                    <option>ff </option>
                    <option>ee</option>
                </select>
            </td>
            <td align="right">
                 
            </td>
            <td>
            <a id="btn1"  >搜索</a>
            </td>
            <td align="right">
            </td>
            <td>
                 
            </td>
            <td>
                 
            </td>
            <td class='hidcol'>
                 
            </td>
            <td class='hidcol'>
                <input id="Button1" type="button" value="button" />
                <script src="jquery.cookie.js" type="text/javascript"></script>
                <script src="jquery.setTip.js" type="text/javascript"></script>
                <script src="jQuery.urlParam.js" type="text/javascript"></script>
                <script src="jQuery.keyValue.js" type="text/javascript"></script>
                <script src="jQuery.AdvSearch.js" type="text/javascript"></script>
                <script src="jQuery.orderBySearch.js" type="text/javascript"></script>
                <script language="javascript" type="text/javascript">
                    $(".ser").AdvSearch({
                        searchbtn: "#btn1",
                        otherUrl: "&ddd=1&ss=1"
                    });    
                    $("#Button1").data({"ddd":123456});
                    $("#Button1").orderBySearch();   
                </script>
            </td>
        </tr>
    </table>
</body>
</html>

(function ($) { 
  $.fn.orderBySearch = function(options){
      var defaults = {
        searchArea:".ser",
        searchbtn: "#btn1",
        otherUrl: "&ddd=1&ss=1",
        param:"ddd"
      }
      var opts = $.extend(defaults, options);
		//主要执行过程		        
	  this.each(function(){
            var $obj=$(this);
            $obj.click(function(){
                var btn=$(opts.searchbtn);
                btn.unbind();
                with($.keyValue){
                    str=opts.otherUrl;
                    firstChar="&";
                    secondChar="=";
                }
                opts.otherUrl=$.keyValue.set(opts.param,$obj.data(opts.param));
                $(opts.searchArea).AdvSearch({
                    searchbtn: opts.searchbtn,
                    otherUrl: opts.otherUrl
                });
                btn.trigger("click");
            });
	  });			
  };
})(jQuery);

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JQuery插件第十八个:高级搜索集成处理

(function($) { $.fn.AdvSearch = function(options) { var defaults = { searchb...

JQuery实现高级检索功能

初学JQuery,写了一个高级检索的动态输入框,如图所示: 实现的功能:* 当选择属性下拉框中不同类型(字符串、数字、日期)的属性时,后面弹出不同数量的和不同格式的文本框(字符串弹出一个输入文本...

JS实现高级查询——网页

第一版查询,如下图:

通过Ajax+jquery实现的动态增加一组查询条件的实例

我们在做信息搜索的时候,可能会需要动态的添加一组搜索条件,如下图(1),我们可能需要同时想搜索 海南省海口市秀英区 以及 山西省太原市太原理工大学 的信息,甚至更多的省市区学校的条件约束,那么,我们就...

带有分页排序功能的表格插件的使用(通过ajax获取后台数据)

通过ajax获取到的数据多次放到带有分页排序功能的表格插件里面加以显示。
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)