我正在尝试使用将绑定到SQL数据库的jquery创建自动完成文本框。我还想在页面上放置一个下拉列表,以便基于初始选择,自动完成文本框将检索来自不同表的数据。这是一个ASP.NET 2.0页面,后面的代码是VB.NET。我有AJAX自动完成功能,但是它仅匹配第一个字符,并且不如jquery强大。任何人都可以共享一个示例代码,该示例代码将从SQL中检索搜索数据,并为我提供有关如何使表名动态化的指导吗?
任何帮助是极大的赞赏
市场
最佳答案
您可以编写一个处理程序(.ashx),以从db返回针对您的文本搜索和表名的查询结果。有关表名,请查看SQL Server中的INFORMATION_SCHEMA.TABLES ...
看看这个
.NET AJAX Calls to ASMX or ASPX or ASHX?对于使用ScriptService的更现代的方法-基本思想是相同的。
如有需要,我明天将发布代码(v.late),
Hth。
编辑:
从最简单的角度(您将欣赏到在做更多事情时所涉及的问题),可以想象您有三个表:用户,部门和产品。
表:用户
ID int
姓氏varchar(50)
姓varchar(50)
DateOfBirth日期时间
表:部门
id int
名称varchar
表:产品
id int
名称varchar
您需要3个Sproc以按Name的一部分进行选择:
产品和部门的存储库形式相同:
CREATE PROCEDURE dbo.ProductSelect (dbo.DepartmentSelect)
@qry VARCHAR(50)
AS
BEGIN
SET NOCOUNT ON;
SELECT *
FROM dbo.Product (dbo.Department)
WHERE [Name] LIKE '%' + @qry + '%'
END
而对于用户则略有不同:
CREATE PROCEDURE [dbo].[UserSelect]
@qryTerm VARCHAR(50)
AS
BEGIN
-- SET NOCOUNT ON added to prevent extra result sets from
-- interfering with SELECT statements.
SET NOCOUNT ON;
SELECT U.Id, U.Forename + ' ' + U.Surname AS [Name], U.DateOfBirth
FROM
dbo.[User] U
WHERE
(
forename LIKE '%' + @qryTerm + '%'
OR
surname LIKE '%' + @qryTerm + '%'
)
ORDER BY
surname, Forename
END
基本页面/控件标记:
<div>
Tables:
<asp:DropDownList runat="server" ID="ddlTables" />
</div>
<div>
<asp:TextBox runat="server" ID="txtUser" />
</div>
....
要将dropdownlist绑定到表列表,您需要一个sproc / query:
SELECT * FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_SCHEMA = 'dbo'ORDER BY TABLE_NAME
[将架构名称更改为您的架构名称]//Bind your dropdown to the list of tables
using (SqlConnection conn = new SqlConnection(ConfigurationManager.AppSettings["dbConnString"]))
{
using (SqlCommand cmnd = conn.CreateCommand())
{
cmnd.CommandType = CommandType.StoredProcedure;
cmnd.CommandText = "dbo.TableSelect";
conn.Open();
System.Text.StringBuilder sb = new System.Text.StringBuilder();
using (SqlDataReader rdr = cmnd.ExecuteReader(CommandBehavior.CloseConnection))
{
string _fullName;
while (rdr.Read())
{
_fullName = string.Format("{0}.{1}",rdr["Table_Schema"].ToString(), rdr["Table_Name"].ToString());
ddlTables.Items.Add(new ListItem(_fullName,_fullName));
}
ddlTables.Items.Insert(0, new ListItem("Select Table ..."));
}
}
}
然后,需要将文本框连接到响应
keyup
事件的JavaScript函数://Wire up the textbox
txtUser.Attributes.Add("onkeyup", "doLookup();");
function doLookup(){
}
实现此目的的现代方法是使用JQuery的AJaX功能。基本上,您将调用处理程序的URL,该处理程序将返回查询结果,然后将查询结果绑定或输出到文本框下方的GUI元素,使其看起来像一个下拉列表。然后,用户单击返回的条目之一,将其复制到文本框。
一些处理程序代码:
public void ProcessRequest(HttpContext context)
{
HttpRequest req = context.Request;
if (string.IsNullOrEmpty(req.QueryString["qry"]) || string.IsNullOrEmpty(req.QueryString["tableName"])){
return;// You could return something meaningful if no sql query is passed
}
String sqlstr = req.QueryString["qry"];
String tableName = req.QueryString["tableName"];
System.Text.StringBuilder sb = new System.Text.StringBuilder();
using (SqlConnection conn = new SqlConnection(ConfigurationManager.AppSettings["dbConnStr"])){
using (SqlCommand cmnd = conn.CreateCommand())
{
cmnd.CommandText = tableName + "Select";
cmnd.CommandType = CommandType.StoredProcedure;
SqlParameter pram = new SqlParameter("@qry", sqlstr);
pram.Direction = ParameterDirection.Input;
cmnd.Parameters.Add(pram);
pram = new SqlParameter("@tableName", tableName);
pram.Direction = ParameterDirection.Input;
cmnd.Parameters.Add(pram);
conn.Open();
using (SqlDataReader rdr = cmnd.ExecuteReader(CommandBehavior.CloseConnection)){
while (rdr.Read()){
sb.Append(rdr["Name"].ToString() + "<br/>"); //Modern object-oriented thing to do is build up a JSON string and return that.
}
}
}
}
context.Response.ContentType = "text/plain";//or "text/JSON"
context.Response.Write(sb.ToString());
}
祝好运。让我知道您是否需要更多细节...