请教一个关于jqgrid添加数据时自动加载相应数据的问题。

请问在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")表示你输入文本的文本框。
希望可以帮到你
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-04-08
http://www.trirand.com/blog/jqgrid/jqgrid.html

自己看:New in version 3.7 --> Tooolbar search本回答被提问者采纳

Jqgrid 如何根据url参数的变化刷新表格内容?
首先你说的那个组织目录呢,在他点击的时候会链到不同的页面显示不同的数据!加载JQGrid url会找相应的action,查询数据,然后回显! 这里有段jqGrid的代码,仅供参考!jsp页面<%@ page language="java" pageEncoding="utf-8"%><%@ taglib uri="\/sys-tags" prefix="tl"%><!DOCTYPE html PUBLIC...

jqGrid怎么设置jqGrid第一次初始化时不加载任何数据
1. 初始化的时候设置datatype: 'local' $("#grid").jqGrid({ url:";, datatype:"local", \/\/other options }); 2. 当要加载数据的时候把datatype改成json或者XML: $("#list").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');<\/textarea> ...

Jqgrid 加载json数据时出现Cannot read property 'length' of undefin...
你先确定下你需要获取length的这个对象是否存在。

jqgrid加载时获得表格中某个单元格的值怎么获取?
假设角色id定义的name是jsid 取选中列的值如下 var gr = $("#list").getGridParam('selrow');var jsid = $("#list").getCell(gr,"jsid")。

jqgrid 加载数据时触发afterinsertrow吗
addRow inlineNav 需要在一个已经创建的jqGrid实例上调用这些方法,可以在事件中或者点击按钮触发这些事件。Exmaple -收缩JavaScript代码 var lastSel jQuery("#grid_id").jqGrid({ \/\/...onSelectRow: function(id){ if(id && id!==lastSel){ jQuery('#grid_id').restoreRow(lastSel);lastSel=...

jqgrid grid中的rowid与数据有关系吗?我在用updateGridRows时弄糊涂了...
如果GRID排序方式是按照数据主键列desc排序,updateGridRows就会有问题。比如,第一行的主键列500,而rowid是1;最后一行主键列是1,而rowid是500,这样如果使用updateGridRows更新最后一行,实际结果却是刷新了第一行。同样未经测试的推想,如果数据主键不连续、主键不是整型而是GUID,这样同样会得到错误的执行...

jqGrid怎么批量添加JSON数据?addJSonData怎么用?
1.addJSONData和addRowData有点区别,后者是绑定在jquery对象的,前者是绑定在标签上的。用addJSONData时举例:$("#table")[0].addJSONData(data);用FF可以看到$("#table")[0]上绑定的事件的。2.addJSONData接受的参数:这是后台的.net代码 new JObject() { new JProperty("total","1"),new J...

Jqgrid add后添加数据的层没自动关闭
closeAfterAdd:true

jqgrid传递查询条件,后台接收数据
("#tableList").jqGrid('setGridParam',{ postData:{"txDate":txDate,"jobNameStr":jobName},}).trigger('reloadGrid');试试这个

jqgrid 如何去掉加载数据时不显示 “加载中”
这个应该是去不掉的,强迫症忍忍就过去了

相似回答