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...

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

通过ajax获取到的数据多次放到带有分页排序功能的表格插件里面加以显示。
  • Sun9528
  • Sun9528
  • 2017年04月13日 10:33
  • 1416

jQuery制作div板块拖动层排序功能

  • 2014年02月25日 16:16
  • 10KB
  • 下载

JQuery实现置顶、置底、向上、向下、取消排序功能

sort.html 序号 内容 排序 1 内容一 置顶 href="javascript:void(0)" class="upbtn">上 href="ja...

拖动排序元素jquery插件

  • 2017年08月25日 09:35
  • 6KB
  • 下载

自写图片遮罩层放大功能jquery插件源码,photobox.js 1.0版,不兼容IE6

阿嚏~~~ 话说本屌丝没啥开发插件的经验,但是天公不作美,公司需要让我自己开发个图片放大的插件 但公司老大的话,犹如吾皇之升值,微臣必当肝脑涂地,莫敢不从啊~~~ 于是乎,作为一个超级小白,本人只...

javascript 拖曳排序 jquery插件

  • 2013年09月05日 14:08
  • 33KB
  • 下载

图片上传带裁剪功能Jquery插件

  • 2017年12月02日 15:25
  • 32KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery插件第三十三个:高级搜索下的排序功能
举报原因:
原因补充:

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