2

我正在使用 Coldfusion 9 和 Sql Server 2008 r2。我正在尝试使用显示结果的实时搜索。

原帖是：http ://www.raymondcamden.com/index.cfm/2011/2/1/Using-jQuery-to-search-against-different-types-of-content

我想为此添加一个表格，以便对其进行格式化。任何帮助都会很棒。

这是 Search.cfm

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  
<script>
$(document).ready(function() {

//http://stackoverflow.com/questions/217957/how-to-print-debug-messages-in-the-google-chrome-javascript-console/2757552#2757552
if (!window.console) console = {};
console.log = console.log || function(){};
console.dir = console.dir || function(){};


//listen for keyup on the field
$("#searchField").keyup(function() {
    //get and trim the value
    var field = $(this).val();
    field = $.trim(field)

    //if blank, nuke results and leave early
    if(field == "") {
        $("#results").html("");
        return;
    }

    console.log("searching for "+field);
    $.getJSON("test.cfc?returnformat=json&method=search", {"search":field}, function(res,code) {
        var s = "";
        s += "<h2>Results</h2>";
        for(var i=0; i<res.fd_table.length; i++) {
            s += "<p><b>uid:"+res.fd_table[i].fd_uid+"</b><br/>Device: "+res.fd_table[i].fd_dev + "<br/>";

        }

        $("#results").html(s);
    });
});
 })


<form>
Search: <input type="text" name="search" id="searchField">
</form>

<div id="results"></div>

演示来自原始帖子http://www.coldfusionjedi.com/demos/feb12011/test.cfm

这是我试图达到的最终结果。

4

2 回答 2

2

您可能想了解如何使用 JQuery 动态构建表。您提出这个问题的方式听起来很像“请完成我的家庭作业”，而不是在合法项目上寻求帮助。

如果您查看代码中的 $.getJSON() 函数，变量s的使用方式将为您提供有关如何完成此操作的可靠线索。一个表是 X 个 tr 标记，用于 X 个包含数据的 td 单元格的行。从那里只需循环遍历 tr 标签的查询结果行和 td 标签的每一列。

不会为你写出代码，但我已经给你足够的搜索 JQuery 文档来为你指明正确的方向。

于 2013-10-22T20:05:50.630 回答
0

这是结果，我可以制作一个简单的表格。谢谢大家的建议。

console.log("searching for "+field);
    $.getJSON("test.cfc?returnformat=json&method=search", {"search":field}, function(res,code) {
        var s = "<table name='table1' border='1'><tr><th>Uid</th><th>Device</th><th>Region</th><th>Problem</th><th>Description</th><th>Resolution</th><th>Agent</th></tr>";

        s += "";
        for(var i=0; i<res.fd_table.length; i++) {
            s += "<tr><td width='142' >"+res.fd_table[i].fd_uid+"</td><td>"+res.fd_table[i].fd_dev + 
            "</td><td>"+res.fd_table[i].fd_reg +
            "</td><td> "+res.fd_table[i].fd_prob + 
            "</td><td> "+res.fd_table[i].fd_pdes + 
            "</td><td>"+res.fd_table[i].fd_res + 
            "</td><td> "+res.fd_table[i].fd_agent + 
            "</td>";
           s += "</tr>";
        }
         s += "</table>";
        $("#results").html(s);
    });
   });
 })
于 2013-10-23T18:28:15.930 回答