0

好的，我有一个使用 DataTables 服务器端功能填充的表。我还添加了 .ColumnFilter 插件来搜索各个列。我的问题是，主要的全局搜索工作正常，但个人没有做任何事情。

DataTables 配置就是这样

var getUserNames = function () {
$("#tbl").dataTable({
        "oLanguage": {
            "sZeroRecords": "No records to display",
            "sSearch": "Search on UserName"
        },
        "sDom": "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
        "oTableTools": {
            "sSwfPath": "media/swf/copy_csv_xls_pdf.swf",
            "aButtons": [
            "copy",
            "print",
            {
                "sExtends": "collection",
                "sButtonText": 'Save <span class="caret" />',
                "aButtons": ["csv", "xls", "pdf"]
            }
            ]
        },

        "aLengthMenu": [[25, 50, 100, 150, 250, 500, -1], [25, 50, 100, 150, 250, 500, "All"]],
        "iDisplayLength": 20,
        "bSortClasses": false,
        "bStateSave": false,
        "bPaginate": true,
        "bAutoWidth": false,
        "bProcessing": true,
        "bServerSide": true,
        "bDestroy": true,
        "sAjaxSource": "WebService1.asmx/GetItems",
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "bDeferRender": true,
        "fnServerParams": function (aoData) {
             aoData.push({ "name": "iParticipant", "value": $("#participant").val
          (), "name": "iArchiveYears", "value": $("#ArchiveYears option:selected").text() });
        },

        "fnServerData": function (sSource, aoData, fnCallback) {
            $.ajax({
                "dataType": 'json',
                "contentType": "application/json; charset=utf-8",
                "type": "GET",
                "url": sSource,
                "data": aoData,
                "success":
                            function (msg) {

                                var json = jQuery.parseJSON(msg.d);
                                fnCallback(json);
                                $("#tbl").show();
                            }
            });
        }
    })
    .columnFilter({

        aoColumns: [
            { type: "text" },
            { type: "text" }
         ]
    });

}

以此作为我的网络服务：

using System;
using System.Collections;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;
using System.Text;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
using System.Web.Configuration;

/// <summary>
/// Summary description for WebService1
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService {

    public WebService1 () {

        //Uncomment the following line if using designed components 
        //InitializeComponent(); 
    }


    [WebMethod]
    [ScriptMethod(UseHttpGet = true)]

    public string GetItems()
    {
        int sEcho = ToInt(HttpContext.Current.Request.Params["sEcho"]);
        int iDisplayLength = ToInt(HttpContext.Current.Request.Params["iDisplayLength"]);
        int iDisplayStart = ToInt(HttpContext.Current.Request.Params["iDisplayStart"]);
        string rawSearch = HttpContext.Current.Request.Params["sSearch"];

        string participant = HttpContext.Current.Request.Params["iParticipant"];

        string archiveYears = HttpContext.Current.Request.Params["iArchiveYears"];

        DateTime year =  DateTime.Now;

        if (archiveYears == null)
        {
            archiveYears = year.Year.ToString();
        }

        var sb = new StringBuilder();

        var whereClause = string.Empty;
        if (participant.Length > 0)
        {
            sb.Append(" Where participant = ");
            sb.Append("'" + participant + "'");
            sb.Append(" AND Year(MsgDate)= ");
            sb.Append("'" + archiveYears + "'");

            whereClause = sb.ToString();
        }
        sb.Clear();

        var filteredWhere = string.Empty;

        var wrappedSearch = "'%" + rawSearch + "%'";

        if (rawSearch.Length > 0)
        { 
            sb.Append(" WHERE Participant LIKE ");
            sb.Append(wrappedSearch);
            sb.Append(" OR MsgDate LIKE ");

            sb.Append(wrappedSearch);                                  

            filteredWhere = sb.ToString();
        }


        //ORDERING

        sb.Clear();

        //Check which column is to be sorted by in which direction     
        for (int i = 0; i < 11; i++)
        {
            if (HttpContext.Current.Request.Params["bSortable_" + i] == "true")
            {
                sb.Append(HttpContext.Current.Request.Params["iSortCol_" + i]);
                sb.Append(" ");
                sb.Append(HttpContext.Current.Request.Params["sSortDir_" + i]);
            }
        }
        orderByClause = sb.ToString();

        if (!String.IsNullOrEmpty(orderByClause))

            orderByClause = orderByClause.Replace("0", ", Participant ");
            orderByClause = orderByClause.Replace("2", ", MsgDate ");
            orderByClause = orderByClause.Remove(0, 1);

        }
        else
        {
            orderByClause = "MsgDate ASC";
        }
        orderByClause = "ORDER BY " + orderByClause;

        sb.Clear();

        var numberOfRowsToReturn = "";
        numberOfRowsToReturn = iDisplayLength == -1 ? "TotalRows" : (iDisplayStart + iDisplayLength).ToString();


        string query = @" 
                        declare @MA TABLE(  Participant VARCHAR(50), MsgDate DateTime))
                        INSERT
                        INTO
                            @MA ( Participant, MsgDate
                                FROM [MsgDateDetail] 
                                {4}                   

                        SELECT *
                        FROM
                            (SELECT row_number() OVER ({0}) AS RowNumber
                                  , *
                             FROM
                                 (SELECT (SELECT count([@MA].Participant)
                                          FROM
                                              @MA) AS TotalRows
                                       , ( SELECT   count( [@MA].Participant) FROM @MA {1}) AS TotalDisplayRows            
                                       ,[@MA].Participant
                                       [@MA].MsgDate

                                  FROM
                                      @MA {1}) RawResults) Results
                        WHERE
                            RowNumber BETWEEN {2} AND {3}";


        query = String.Format(query, orderByClause, filteredWhere, iDisplayStart + 1, numberOfRowsToReturn, whereClause);

        SqlConnection conn = new SqlConnection(WebConfigurationManager.ConnectionStrings["MIReporting"].ConnectionString);

        try
        {
            conn.Open();
        }
        catch(Exception e )
        {
            Console.WriteLine(e.ToString());
        }

        var DB=new SqlCommand();
        DB.Connection=conn;
        DB.CommandText=query;
        var  data = DB.ExecuteReader();

        var totalDisplayRecords = "";
        var totalRecords = "";
        string outputJson = string.Empty;

        var rowClass = "";
        var count = 0;

        while(data.Read())
        {

            if (totalRecords.Length ==0)
            {
                totalRecords = data["TotalRows"].ToString();
                totalDisplayRecords = data["TotalDisplayRows"].ToString();
            }
            sb.Append("{");
            sb.AppendFormat(@"""DT_RowId"": ""{0}""", count++);
            sb.Append(",");
            sb.AppendFormat(@"""DT_RowClass"": ""{0}""", rowClass);
            sb.Append(",");
            sb.AppendFormat(@"""0"": ""{0}""", data["Participant"]);
            sb.Append(",");
            sb.AppendFormat(@"""2"": ""{0}""", data["MsgDate"]).Replace("\t", String.Empty);


            sb.Append("},");
        }

        // handles zero records
        if (totalRecords.Length == 0)
        {
            sb.Append("{");
            sb.Append(@"""sEcho"": ");
            sb.AppendFormat(@"""{0}""", sEcho);
            sb.Append(",");
            sb.Append(@"""iTotalRecords"": 0");
            sb.Append(",");
            sb.Append(@"""iTotalDisplayRecords"": 0");
            sb.Append(", ");
            sb.Append(@"""aaData"": [ ");
            sb.Append("]}");
            outputJson = sb.ToString();

            return outputJson;
        }
        outputJson = sb.Remove(sb.Length - 1, 1).ToString();
        sb.Clear();

        sb.Append("{");
        sb.Append(@"""sEcho"": ");
        sb.AppendFormat(@"""{0}""", sEcho);
        sb.Append(",");
        sb.Append(@"""iTotalRecords"": ");
        sb.Append(totalRecords);
        sb.Append(",");
        sb.Append(@"""iTotalDisplayRecords"": ");
        sb.Append(totalDisplayRecords);
        sb.Append(", ");
        sb.Append(@"""aaData"": [ ");
        sb.Append(outputJson);
        sb.Append("]}");
        outputJson = sb.ToString();

        return outputJson;
    }

    public static int ToInt(string toParse)
    {
        int result;
        if (int.TryParse(toParse, out result)) return result;           

        return result;
    }

}

现在我看到当我开始进入 FireBug 中的 colFilter 文本框之一时，该值被存储在其中，HttpContext.Current.Request.Params["sSearch_1"]但我不确定如何将其应用于单个列而不是全局搜索。我还需要稍后添加日期范围以过滤 MsgDate col。

任何帮助，将不胜感激。

4

1 回答 1

1

columnFilter 不能很好地工作。有一些错误...

我推荐另一种方法，它运行良好且更灵活。

您可以创建自己的输入，例如（示例）：

<input id="mysearchfiltercolumn1" type="text" />

在您的数据表中，您可以添加以下内容：

var table = $("#tbl").dataTable({
                    //[...]
                    "fnServerParams": function (aoData) {
                        aoData.push({ "name": "mycolumn1", "value": $('#mysearchfiltercolumn1').val() });
                        aoData.push({ "name": "mycolumn2", "value": $('#mysearchfiltercolumn2').val() });
                        aoData.push({ "name": "mycolumn3", "value": $('#mysearchfiltercolumn2').val() });
                    }
             });

...然后你像这样绑定你的输入：

$("#mysearchfiltercolumn1,#mysearchfiltercolumn2,#mysearchfiltercolumn3").bind('keyup',function (event) {
                        table.fnDraw();   
                });

和服务器端，你应该看到Request['mycolumn1']并确实让你想要给出结果。

你可以HttpContext.Current.Request.Params["sEcho"]通过Request['sEcho']等转换...

于 2013-08-12T13:14:10.180 回答