请教一个关于jqgrid添加数据时自动加载相应数据的问题。
请问在jqgrid中,在做添加的操作时候,怎么让text框像百度搜索一样,我输入一个值自动加载与这个值类似的值。谢谢。...
请问在jqgrid中,在做添加的操作时候,怎么让text框像百度搜索一样,我输入一个值自动加载与这个值类似的值。谢谢。
展开
展开全部
这个要用到jquery的自动完成功能。
首先引入两个js和一个css样式表
<link href="/Style/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.2.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.2.custom.js" type="text/javascript"></script>
注意路径要正确。这三个文件你需要到网上去下载,挺多的网上。
然后使用autocomplete()方法来完成即可。
$("#iptKey").autocomplete({ source: "/Ajax/SearchSuggestion.ashx?time='+new Date()+'", select: function (event, ui) { $("#iptKey").val(ui.item.value); $("#form1").submit(); }
});
这个方法的两个个参数:
source:数据源,一般为通过Ajax来从后台得到的一个List<string>类型的集合。
select:$("#iptKey").val(ui.item.value)这句表示将选中的值赋值给iptKey,$("#form1").submit()表示提交表单,发送Ajax请求。
$("#iptKey")表示你输入文本的文本框。
希望可以帮到你
首先引入两个js和一个css样式表
<link href="/Style/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.2.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.2.custom.js" type="text/javascript"></script>
注意路径要正确。这三个文件你需要到网上去下载,挺多的网上。
然后使用autocomplete()方法来完成即可。
$("#iptKey").autocomplete({ source: "/Ajax/SearchSuggestion.ashx?time='+new Date()+'", select: function (event, ui) { $("#iptKey").val(ui.item.value); $("#form1").submit(); }
});
这个方法的两个个参数:
source:数据源,一般为通过Ajax来从后台得到的一个List<string>类型的集合。
select:$("#iptKey").val(ui.item.value)这句表示将选中的值赋值给iptKey,$("#form1").submit()表示提交表单,发送Ajax请求。
$("#iptKey")表示你输入文本的文本框。
希望可以帮到你
展开全部
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询