關於文本更改事件的回發事件
[英]Postback event on text changed event
問題描述
我想在文本框中的每個keypress / textchanged事件上回發，但是我的JavaScript沒有運行。 我想念什么嗎... ????
我的HTML文本框是這樣的：
<asp:TextBox ID="Txt_Search" runat="server" AutoCompleteType="Disabled"
onkeypress="Postback();" OnTextChanged="Txt_Search_TextChanged" AutoPostBack="true">
</asp:TextBox>
我的Javascript代碼是這樣的：
function Postback() {
__doPostBack('<%= Txt_Search.ClientID %>', '');
};
我的textchanged事件是這樣的：
protected void Txt_Search_TextChanged(object sender, EventArgs e)
{
FolderStructure.Nodes.Clear();
Searchtxt();
}
3 個解決方案
解決方案1
0 2016-04-26 11:57:05
如下修改代碼並檢查
__doPostBack('Txt_Search', '');
解決方案2
0 2016-04-26 12:05:06
這是在asp.net中進行動態搜索的演示。
您的文本框應為：
<asp:TextBox ID="PopertyName" placeholder="Property Name" href="#"
propertyid="" runat="server" class="dropdownAnchor"
autocomplete="off" onkeydown="SearchProperty()"></asp:TextBox>
在這里，我們將調用一個名為searchProperty（）的函數onkeydown事件。
因此，您的ajax應該是
function SearchProperty() {
$.ajax({
url: '<%=Page.ResolveUrl("~/Dashboard/NewDashboard.aspx/GetProperty") %>',
data: "{ 'prefix': '" + $("#PopertyName").val() + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
//Your code to bind result that received from your back end.
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
};
這些函數將在newDashboard.aspx.cs文件上調用GetPoprty（）方法。
所以我的后端方法是
[WebMethod]
public static List<Model.Property> GetProperty(string prefix)
{
// Here you get your text in prefix
}
解決方案3
0 已采納 2016-04-26 12:40:11
我創建示例項目ASP.NET WebForms和AJAX。
我建議您可以使用AJAX流程.NET通用處理程序文件。 請您研究通用處理程序文件。
在創建通用處理程序文件“ Search.ashx”之前，並粘貼到代碼上方。
public void ProcessRequest(HttpContext context)
{
var search = HttpContext.Current.Request.Form["term"];
//Dummy Data
List<string> searchList = new List<string> { "Red", "Orange", "Ping", "Blue", "White", "Black" };
string result = string.Empty;
if (!string.IsNullOrEmpty(search))
{
searchList = searchList.Where(x => x.ToLower().Contains(search.ToLower())).ToList();
if (searchList != null && searchList.Count() > 0)
{
foreach (var item in searchList)
{
result += "<li>" + item + "</li>";
}
}
}
else
{
result="<li> Not Found </li>";
}
context.Response.ContentType = "text/plain";
context.Response.Write(result);
}
public bool IsReusable
{
get
{
return false;
}
}
並創建您的搜索頁YourFile.aspx，我的文件名為Search.aspx。
ASPX頁面代碼：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication7.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="text" id="txtSearch" class="js-search" value="Search" />
<div class="searchResult">
<ul>
</ul>
</div>
</div>
</form>
<script src="https://code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>
<script>
$(function () {
$(".js-search").on('keyup', function () {
var term = $('.js-search').val();
if (term.length > 2) {
sendSearchRequest({ "term": term });
}
});
function sendSearchRequest(value) {
var datas = $.ajax({
type: "POST",
url: '/Search.ashx',
cache: false,
async: false,
data: value,
success: function (term) {
$('.searchResult').empty();
$('.searchResult').append(term);
}
});
}
});
</script>
</body>
</html>
此示例在輸入所有三個字母時發送ajax請求search.ashx文件，其中包含搜索詞並在搜索頁面上獲得結果。
希望對您有所幫助。
文本未通過OnClientClick事件更改
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.