事情的起因是,使用flexigrid的时候,发现flexigrid的检索框不能满足我的需求,只能自己写检索的部分,然后手动刷新grid中的数据。页面效果如图所示。
flexigrid默认UI上有一个“刷新”按钮,点击即可刷新grid中的数据。如果我们在自己程序中需要手动地进行grid刷新,则调用$('#grid').flexReload()即可。其中$('#grid')是你定义的flexigrid。下面是我实现上面这个页面时的一些关键代码。
<div style="padding:2px; background-color: #C2DAFA;text-align:right">
<span>姓名:</span>
<s:textfield id="qname" name="conditions.name"></s:textfield>
<span style="margin-left:10px">单位:</span>
<s:textfield id="qunit" name="conditions.unit"></s:textfield>
<input type="button" onclick="javascript:doquery()" value="查询" />
</div>
<table id="grid" style="display:none;"></table>
<script type="text/javascript">
$("#grid").flexigrid({
//......定义flexigrid
});
function doquery(){
var name = $("#qname").val();
var unit = $("#qunit").val();
if(name == ""){
alert("请输入姓名");
return;
}
var params;
if(unit == ""){
params = {'conditions.name':name};
}else{
params = {'conditions.name':name, 'conditions.unit':unit};
}
$.post(
"/search.action",
params,
function(){$('#grid').flexReload();}
);
}
</script>
- 大小: 25.9 KB
分享到:
相关推荐
jsp中flexigrid插件在ie下样式问题
Flexigrid demo
flexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.js
jquery flexigrid;jquery flexigrid
这是介绍JQuery表格插件FlexiGrid在Java中的使用,使用Servlet进行开发,json传递数据
FlexiGrid配置与使用说明,不错的文档
flexigrid的colModel中增加自定义新列
flexigrid.js flexigrid.css
Flexigrid结合Struts1从Mysql数据库中读取数据,并通过Flexigrid插件进行数据的展示,同时实现预览pdf跟图片的功能。 下载完成后请仔细阅读文件中的readme.file。 希望此Demo对刚使用Flexigrid插件的朋友们有所帮助...
《修改jQuery表格插件flexigrid源码添加自定义功能》文章配套代码http://blog.csdn.net/neareast/article/details/12904393,对jquery表格插件flexigrid的源码进行修改,增加了几个自定义功能,对其功能进行了增强。...
FlexiGrid(js版本)
FlexiGrid 插件简单应用从英文版本改为简体中文版本
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。... 本资源是作者根据原flexigrid 进行修改,首列加入CheckBox 的修改版。
FlexiGrid使用教程
此项目是struts2+json+flexigrid的完整实例,可帮助你对flexigrid快速上手,项目下载后直接导入自己的工程即可,所用jar包会另传,因为超出上传限制,还请理解。
FlexiGrid使用手册,主要介绍FlexiGrid的主要属性和使用方法。
flexigrid删除实例flexigrid删除实例flexigrid删除实例flexigrid删除实例
我们都知道flexigrid表格插件的列宽只能设为固定的值,不能使用百分比来自适应窗口的变化。 本例通过修改flexigrid的源代码来实现列宽的自适应变化。如下使用:{display:'XXX',name:'XXX',width:'30%',sortable:...
Flexigrid它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。 本资源为...