2012-05-17 109 views
0

第一次我已經實現了數據表插件,顯然是在stackoverflow的成員的幫助。再次感謝他們。現在我的關注問題如下: 我有一個頁面,其中包含名稱文本字段,用戶名文本字段,類別下拉列表,類別下拉列表,以及一個提交按鈕等搜索字段。默認情況下,所有的記錄將顯示,並通過使用數據表,我可以按升序或降序對它們進行排序。我僅通過CSS刪除插件的默認搜索字段(display:none)。現在,當我通過搜索表單搜索記錄時,我的記錄列表應該使用該數據表插件來實現。但我無法做到這一點。請幫助我如何處理。 自定義搜索是這樣的:datatable與一些自定義搜索字段

<form name="search_user_form" id="search_user_form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="GET" > 


    <table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" class="form_table" id="searching_parameter" > 
         <tr> 
          <td>Name : <input type="text" class="textbox_small" name="search_name" id="search_name" value="<?php echo $_REQUEST['search_name']; ?>" /></td> 
          <td>Username : <input type="text" class="textbox_small" name="search_username" id="search_username" value="<?php echo $_REQUEST['search_username']; ?>" /></td> 
         </tr> 
         <tr> 
          <td>Email : <input type="text" class="textbox_small" name="search_email" id="search_email" value="<?php echo $_REQUEST['search_email']; ?>" /></td> 
          <td>Age &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <!--<input type="text" class="textbox_small" name="search_age" id="search_age" value="<?php echo $_REQUEST['search_age']; ?>" />--> 

          <input type="text" size="3" value="<?php echo $_REQUEST['min_age']; ?>" name="min_age" id="min_age" maxlength="2" onKeyPress="return numbersonly(event, false)" > &nbsp;&nbsp; 
          To &nbsp;&nbsp;<input type="text" size="3" value="<?php echo $_REQUEST['max_age']; ?>" name="max_age" id="max_age" maxlength="2" onKeyPress="return numbersonly(event, false)" >       

          </td> 
         </tr> 
         <tr> 
          <td colspan="2">Privilege: 
         <select class="soring_select" name="search_privilege" id="search_privilege" style="height:28px;"> 
          <option value="0" <?php echo $selection_agent;?>>Agent</option> 
          <option value="1" <?php echo $selected_admin;?>>Admin</option> 
          <option value="2" <?php echo $selected_supeadmin;?>>Superadmin</option> 
          <option value="3" <?php echo $selected_owner;?>>Owner</option> 
          <option value="all" <?php echo $selected_no;?>>All Privilege</option> 
         </select> 
         </td> 
        </tr> 
        <tr> 
         <td colspan="2"><input type="submit" name="search_user_btn" id="search_user_btn" value="Search">&nbsp;&nbsp;<input type="reset" value="Cancel" /></td> 
        </tr> 
       </table> 
      </form> 

和插件:

$('#example').dataTable({ 
          "bProcessing": true, 
          "bServerSide": true, 
         "sAjaxSource": "datatabledb.php?query=<?php (isset($_REQUEST['search_user_btn']))?$search_sql:'';?>", 
          "bJQueryUI": true, 
          "sPaginationType": "full_numbers", 
          "sDom": 'T<"clear">lfrtip', 
          "oTableTools": { 
           "aButtons": [ 

            { 
             "sExtends": "csv", 
             "sButtonText": "Save to CSV" 
            } 
           ] 
          }  

         }); 
+0

你能告訴我們代碼,以便我們可以幫助你嗎? – Brett

+0

一定請再次檢查上述帖子 – John

回答

0

您可以用數據表MultiFilter啓動,但你應該按提交按鈕後傳中鍵/值對的數據:

http://datatables.net/plug-ins/api#fnMultiFilter

您可以通過以下方式調用此項:

var defaultFilter = {"name":"john","username":"userjohn"}; 
oTable.fnMultiFilter(defaultFilter); 

而對於範圍,你應該做一些東西來做出改變的API。