Tag: jqgrid

如何刷新jqGrid中的数据?

我一直在尝试从一个button被按下时从数据源更新网格。 所以我在点击事件是这样的: $('#grid').jqGrid('trigger','reloadGrid'); 然而这不起作用,我得到一个错误抛出未知的方法“触发” 我也试过了 $('#grid').jqGrid('trigger("reloadGrid")'); 我将如何执行此function?

可能使jqGrid伸展到100%?

是否有可能使一个jqGrid的宽度设置为100%? 我知道列的宽度必须是一个绝对的像素大小,但我还没有find任何设置的实际网格的宽度相对大小。 例如,我想将宽度设置为100%。 而不是100%,似乎使用450px的奇数大小。 在页面上有更多的水平空间,但是与列的宽度等,这将使容器(只有网格)水平滚动。 有没有办法解决这个问题?

带有可编辑的checkbox列的jqGrid

当使用jqGrid时,你如何强制一个单元格加载到页面加载的可编辑视图以及单击它时? 如果像下面那样设置“单元格编辑”,只有在单击单元格时才会出现checkbox。 { name: 'MyCol', index: 'MyCol', editable:true, edittype:'checkbox', editoptions: { value:"True:False" }, cellEdit:true, 同时点击checkbox,有没有办法发送一个AJAX的post到服务器上,而不必依靠用户按回车?

如何显示jqGrid中的所有行?

jqGrid公开了一个属性rowNum ,您可以在其中设置要为每个页面显示的行数。 你如何设置网格只显示所有行? 现在我只是将rowNum设置为像<%= int.MaxValue %>这样的高度值,但是我想知道是否有更好的方法。

在JqGrid中包装文本行

你能得到的文本行包装在JqGrid ? 我已经看了一圈,但我找不到任何东西。

Chrome / Chrome Frame中jqGrid无法正确显示

目前使用Chrome v19.0.1084.46(官方Build 135956)beta-m jqGrid 4.3.2(最新版本) 问题是无论我的网格,列或包含div的大小,我的最后一列的一小部分被推到网格的边缘之外,导致水平滚动条出现,这不应该发生。 见下文: 我已经摆弄jqGrid上的以下属性来尝试和解决这个问题: width autowidth height shrinkToFit scrollOffset – 有这个最好的运气,但没有可重复的。 我也已经剥离了基本的网格CSS,认为这可能是一个规则,我已经到位…没有运气。 有没有其他人经历过这个和/或find了解决办法? 非常感谢帮助。

jqGrid中的隐藏列

有没有什么办法可以隐藏jqGrid表中的列,但在表单编辑器模式对话框中编辑行时,它显示为只读?

如何更改select2下拉select的值与JqGrid?

我正在使用Oleg的select2演示 ,但是我想知道是否可以在下拉菜单中更改当前选定的值。 例如,如果加载的四个值是: "Any", "Fruit", "Vegetable", "Meat" ,下拉列表默认为"Any" ,我将如何能够在JqGrid中将其更改为"Fruit"事件loadComplete ? 这可能吗?

本地表单编辑演示和jqGrid 4.4.1

这个演示: http ://www.ok-soft-gmbh.com/jqGrid/LocalFormEditing.htm不能正常工作,如果我更新的JavaScript包括,最后版本的jqGrid。 <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/redmond/jquery-ui.css" /> <link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/css/ui.jqgrid.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/i18n/grid.locale-en.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.base.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.common.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.formedit.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.inlinedit.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.celledit.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.subgrid.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.treegrid.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.grouping.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/grid.custom.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/jquery.fmatter.js"></script> <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/src/jquery.searchFilter.js"></script> […]

jqGrid与自定义sorttype

我正在使用本地数据的jqGrid 3.7.2。 对于某些列,缺省的分类types是不够的。 我需要提供一个自定义的sorttype,我从文档中理解是可能的。 我不知道如何让它工作。 下面的代码是我最好的尝试让它工作 – 我不能让它调用自定义sortingfunction。 这个想法是按'GK' – >'DEF' – >'MID' – >'STR'的顺序排列'Posn'字段。 这是我想要工作的代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Table Testbed</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/south-street/jquery-ui.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" href="/thirdParty/jqGrid/ui.jqgrid.css" > <script type="text/javascript" src="/thirdParty/jqGrid/grid.locale-en.js"></script> <script type="text/javascript" src="/thirdParty/jqGrid/jquery.jqGrid.min.js"></script> <script type="text/javascript"> $().ready(function() […]