GridView索引使用asp.net和jQuery
GridView index using asp.net and jQuery
我有一个GridView的文本框与自动完成在每个GridViewRow的行。我已经实现了它,它正在工作,但我只能让它与GridView的第一行工作。我的问题是如何遍历GridView的所有行并实现自动完成功能。正如您现在看到的,我刚刚将行索引设置为0。
下面是查询:
<script type="text/javascript">
$(function () {
$('#<%= (GridViewMealData.Rows[0].FindControl("TextBoxFood")).ClientID %>').autocomplete({
source: function (request, response) {
$.ajax({
url: "SearchFoodService.asmx/GetFoodNames",
data: "{ 'FoodName': '" + request.term + "' }",
type: "POST",
dataType: "json",
contentType: "application/json;charset=utf-8",
success: function (result) {
response(result.d);
},
error: function (result) {
alert('There is a problem processing your request');
}
});
},
minLength: 0
});
});
</script>
这里是TextBox控件:
<asp:TextBox ID="TextBoxFood" runat="server"></asp:TextBox>
您不必使用客户端ID来告诉它哪些字段应该具有自动完成功能。只需使用类和类选择器。
把你的文本框定义改成:
<asp:TextBox ID="TextBoxFood" runat="server" CssClass="food-autocomplete"></asp:TextBox>
并将jQuery选择器更改为:
$('.food-autocomplete').autocomplete({ //rest of initialization etc
前面的圆点在jQuery选择器代码中用于告诉它查找所有具有food-autocomplete
类的元素,然后它将对所有元素执行自动完成初始化器
我认为最好的方法是为文本框指定一个class,并根据class而不是ID来处理它。
文本框控件:
<asp:TextBox id="TextBoxFood" runat="server" CssClass="AutoCompleteField" />
jQuery :
$('.AutoCompleteField').autocomplete({
source: function (request, response) {
$.ajax({
url: "SearchFoodService.asmx/GetFoodNames",
data: "{ 'FoodName': '" + request.term + "' }",
type: "POST",
dataType: "json",
contentType: "application/json;charset=utf-8",
success: function (result) {
response(result.d);
},
error: function (result) {
alert('There is a problem processing your request');
}
});
},
minLength: 0
});
相关文章:
- jQuery Error adadvisor.net
- VB NET JQUERY AJAX上出现错误500
- 使用Jquery查找asp.net GridView中的所有复选框
- 当用户点击动态创建的链接时,如何调用JS方法.JQuery,ASP.NET MVC
- asp.net jquery 日期选择器不起作用
- asp.net Jquery.ajax保留JSON.分析意外字符错误
- 显示具有 MVC 数据绑定视图模型 ASP.NET JQuery 对话框的最佳方式
- 使用 ASP.Net/VB.Net/jQuery 更改 PNG 的色调或颜色
- ASP.NET jQuery ajax 仅在调试浏览器时有效
- Asp.Net Jquery on User control
- JSON 自动完成 ASP.NET Jquery UI
- ASP.NET jQuery Ajax调用代码隐藏方法
- [ASP.NET]Jquery UI模式对话框不工作
- ASP.Net jQuery网络摄像头图像数据库varbinary(最大)
- ASP.NET jQuery停止事件传播和冒泡
- asp.net / jQuery select all只在选项卡内工作
- ASP.net jQuery对话框未完成post
- Ajax请求在其他请求(.NET+jQuery)的成功结果之后
- ASP.Net jQuery AJAX 调用不起作用
- Asp.net /JQuery在下载前显示/隐藏动画gif