我发现/看到的每一个jsGrid使用示例都显示了通过Ajax请求加载的数据。我想根据已经可用的数据加载网格;除非是技术要求,否则完全不需要单独的请求
我真的希望我的控制器能够提取网格中显示所需的数据,将其传递给我的视图,并让jqGrid根据本地数据执行其操作,而不是启动另一个请求。我无法想象这是不可能的,但我甚至没有发现一个例子不使用url配置来获取JSON格式的数据
当然,数据加载器并没有这么窄,但是有人能给我举一个不以ajax为中心的例子吗
谢谢。看看jqGrid示例。展开“加载数据”并单击
我有一个具有值的列字段类型(可编辑、只读)。所有行都将填充其中一个值
仅当选定行的列值可编辑时,我想启用/禁用工具栏选项编辑
如何在jqgrid中实现这一点。如果我理解您的错误,您希望根据所选行启用/禁用导航器的“编辑”或“删除”按钮。这样你就有
如果未选择行或所选行不可编辑,请单击“标准导航器”工具栏
如果行是可编辑的
列“editable”或“readonly”的条件似乎是错误的,因为它是列上的条件列,而不是行上的条件列,但您可以轻松实现自己的自定义条件
实施可以是
var myGrid
我将jQGrtid放在jQuery简单模型对话框中。
简单对话框的z-index是950,所以我将jqGrid edit/add/delete pupupups的z-index改得更大,因为否则它们会出现在简单模式下
.jqmID1 { z-index: 1000 !important; }
.jqmID2 { z-index: 1000 !important; }
.jqmID3 { z-index: 1000 !important; }
一切看起来都很好,但如果我点击/关闭“编辑”,点击/
我找不到一个简单的例子来说明如何使用tableToGrid函数(或者至少我无法运行我的示例)。
有人能帮忙吗?
下面是我的HTML测试:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="/Content/Scripts/jquery-1.4.4.js"><
我有一个jqGrid实例,它具有多重选择和内联编辑功能。我在beforeSelectRow事件中编写了一些代码,这样可以通过ctrl键实现多重选择,通过shift键实现范围选择;以及单选,无需按任何热键。为了启用内联编辑,我将在两次选中该行时调用editRow。然而,我遇到了两个奇怪的问题:
单击可编辑行的任何字段的输入元素,将使该行“取消选择”
在重新选择另一行进入编辑模式后,即使正确地调用了目标行上的restoreRow,也无法还原上一个选定行。
-编辑-
选择一行
再次选择一行以进入编辑模
我让jqGrid开始工作了。我有一个特别的表,它有几个列。如何让它将所有列放置在可见屏幕上并允许沿x轴滚动?谢谢。这不是一个好答案,我希望就此展开讨论,但这就是我所做的
jQuery(document).ready(function () {
tableToGrid("#table1", { shrinkToFit: false, width: 940 });
});
将宽度设置为实心宽度似乎暂时解决了问题。行
更新:新问题
嘿,由于某种原因,当
我一直在使用jqGrid,一切都正常(排序、列重新排序、在columnChooser中添加/删除列、在columnChooser中重新排序列等等)。然而,有一件小事
看起来,我传递到网格的colModel的初始列表包含按显示顺序排列的列,包括可能隐藏列的列表,例如列:
Id、名称、日期(隐藏)、AValue、BValue、CValue(隐藏)
现在,当我打开columnChooser时,可见列将按预期顺序显示在左侧,就像它们在网格中显示一样。不可见列在右侧显示为:Date,CValue。如果从网
我有大约1000-2000行的大jqGrids,但默认情况下只加载了100行。
我将multiselect设置为true并使用虚拟滚动,单击“全选”复选框时,仅选择已加载的行
我告诉我的用户,作为一种解决方法,他们需要向下滚动,直到所有行都被加载。
这是可行的,但对用户不是很友好
我想要一种方法来加载完整的网格时,点击“全选”。
我可以使用一个名为“onSelectAll”的事件,但我不知道如何加载所有尚未加载的数据,并在数据加载完成后再次选择所有行
有人知道这个问题的简单解决方案吗?如果在网格
我正在使用Jqgrid。
在其中,我使用inine nav添加新行。
我的内联导航代码
jQuery("#list").jqGrid('inlineNav','#Pager',
{
editParams : {
extraparam : {
extraParamId : function() {
return allExtraId;
}
}
}
});
所以我的问题是,当我在InlineAV中使用这个代码时,navGrid是否是必需的
j
标签: Jqgrid
jqgrid-asp.netjqgrid-formatter
我将如何在柱之间注入垂直空间,如下面我的原始模型所示(如果可能的话)。再次请原谅我在这张图片上的斧头工作,但我认为它传达了我所要做的。基本上,我希望在网格中有“组”列,这些列在组的两侧都有空间
Ex您有许多可能实现您的需求。最简单的方法似乎是对所选列使用自定义的右键填充或左键填充。例如,您可以像下面这样定义CSS
.ui jqgrid tr.ui-row-ltr td.myCustomColumnClass{padding right:10px;}
并通过使用类将类“myCustomColum
我有一个使用jqGrid的网格,在这个网格中,我可以通过内联编辑来编辑行。我试图在可编辑的行中执行自动完成。这可能吗?如果是,如何识别这些行?您可以在列的colModel中设置类:autoCompleteFieldClassName,然后使用它在编辑时添加自动完成字段
例如:
在colModel中,可以通过选项将类指定给列单元格
classes:autoCompleteFieldClassName
然后,此类将允许您在内联编辑事件上设置jQuery选择器,该事件将允许您选择附加到此单元格列的输入
我刚刚了解了jqgrid。我想通过动态数据和列创建网格。
我询问并阅读了这篇文章,但我需要更多的例子,在对您先前回答的评论中,我简短地描述了如何根据服务器返回的数据更改列标题。更清楚地说,我为你准备了一个演示
我尽量使演示简短明了,因此有一些限制:
来自服务器的不同响应中未更改的列数
服务器的不同响应不会更改列的格式设置程序和宽度
所有限制都可以减少或取消,但在您的情况下,上述限制是普遍存在的。此外,我想首先描述实现的主要思想
在网格上方有树按钮,允许从服务器重新加载数据,但来自不同的URL
标签: Jqgrid
jqgrid-formatterjqgrid-inlinenav
是否可以在内联编辑中触发beforshowform事件,因为根据wiki,我无法找到任何在内联编辑中使用选项editformbutton:true显示表单之前调用的解决方案。非常感谢任何帮助内联编辑不显示任何表单。因此,在内联编辑模式下不可能使用
您写了关于editformbutton:true的用法。因此,您可能会对属性使用格式化程序:“操作”。在您使用表单编辑的情况下。您可以在editOptions选项中指定任何表单编辑选项(请参阅)。因此,格式化程序:“操作”的用法如下
格式化程序:“操作
我想用布尔数据实现多重搜索
jqGrid是否能够使用下拉菜单进行搜索
在mysql表中,认证字段的值是布尔值(0/1)
我在演示表中显示布尔值为“未认证或认证”。
我想搜索这个值因此,如上图所示,我们可以选择已认证或未认证的下拉列表,而不是键入0或1
您需要做的只是使用stype:“在colModel中的confidentification列中选择“属性,并定义与您的数据相对应的属性。比如说
stype:“选择”,
搜索选项:{sopt:[“eq”,“ne”],值:“0:未认证;1:认证”}
我在网站上看到了这个链接。所以我实现了它,它工作得很好,但由于某些原因,它不适用于某些数据
如果我按Make和Make分组,雪佛兰Tahoe将显示3个独立的“Tahoe”行。您如何允许多个分组以使其工作
源代码包含jqgridData的数据值,因为由于错误超过30000个字符,所以不适合在此使用。在那个网页上,打开雪佛兰,然后寻找“Tahoe”
这里没有jqgridData值的简短版本
....
$(文档).ready(函数(){
var jqgridSpreadsheetId='MyInve
如果我刷新页面,编辑表单在第一次打开时看起来就正常了。此后,每次在不刷新的情况下重新打开时,字段列的宽度将增加,窗体的高度将降低,从而从底部隐藏元素(例如按钮)。
我甚至尝试在onDbClickRow上设置表单的宽度,但这也不起作用。
这可能与有关。我发现的一个解决方案是在ondblClickRow事件上手动设置窗体样式的宽度和高度,例如
$('#editmodelementsList').css("width", "600px");
$('#editmodelementsLis
我已启用“rownumber”属性。因此,它通过在最左边插入一行来显示行号。所以第一列显示的是行号。但是我想在第三列显示中间的行号
有什么方法可以更改列位置吗?jqGrid的某些列具有特殊的含义,将由jqGrid创建,具体取决于您使用的选项。它是“rn”(行数:true)、“cb”(多选:true)和子网格(子网格:true)。参见代码示例。jqGrid代码的许多部分只是测试选项,然后基于列是jqGrid中的第一列的假设使用列的索引。因此,从理论上讲,编写可以将原始“rn”列移动到另一个位置的代
我使用它来填充基于特定列的可用行中的多选过滤器值
我在删除选定行时面临以下问题,即假设我已删除第一行,删除后,multiselect筛选器应根据特定列(对于SkillCategory)可用行中的值重新计算值。我们可以看到,删除第一行后,SkillCategory multiselect筛选器仍然可以使用“数据”值
删除行/添加/更新后,如何重新计算multiselect筛选器值
<script type="text/javascript">
function load
我使用的是jqgrid版本4.6.0
在我问了一个问题之后,我开始在jqGrid中使用getLocalRow
下面是我准备的一个示例代码,当有人单击某个按钮时,我删除了第2行,但当我这样做('getLocalRow',2)时,它会给我第3行?getLocalRow中的rowId参数不是作为键的网格的rowId吗?getRowData按预期工作,但我不想使用它,因为它将所有内容作为字符串提供,如中所述,并在中进行了回答
是要测试的JSFIDLE示例
deleteRow = function()
我是Jqgrid的新手。在我的表单中,我需要使用内联行编辑选项填充JQgrid列。表单中还有一个复选框
在编辑模式下,若选中复选框,则列应为下拉列表,否则应为文本框
我正在使用editOptions:{value:fnpoption()}以行编辑模式用所有选项值填充列
如果复选框未选中,如何将此列更改为文本框
我正在使用jqgrid和tableToGrid插件,但发现它对于一个大的表来说相对较慢。因此,我想使用jqgrid的data选项重写它,而不是使用原始的addRowData方法。但是,我找不到任何关于使用data选项指定行id的参考。网格只是从1开始生成id,但我想在我的数据行中指定id
我是否需要同时使用localReader才能使其正常工作?一段示例代码将不胜感激
这是我的网格声明。(从原始tabletogrid编辑)
好的,我用localReader解决了这个问题。这是性能更好的修改后的t
我的其中一列包含日期,可以排序。我尝试在列模型中使用datefmt:'dd/mm/yyyy hh:mm:ss.sss'和d/m/Y H:I:s.u向jqGrid描述如何对列进行排序,但未成功
要排序的实际数据示例为07/10/2011 03:08:32.454
当然,该列的sorttype是'date'我建议您以一些非本地化的格式发布日期/时间信息。例如,在这个例子中:
2011-05-29T23:36:41.1470055+02:00
这样的日期格式已经可以排序了。要将DateTime变量的
如果我的网格数据在当前窗口上滚动,是否可以在滚动数据时冻结列标题,以使列标题始终可见(如在excel中)。我使用高度:“自动”,因为我不想固定网格高度。提前感谢…似乎应该根据他们的文档和演示自动进行。尝试将高度设置为像素值,看看会发生什么。如果网格是页面上最上面的元素,则使用位置:固定会很有帮助。代码可能与以下内容有关
var$hdiv=$($grid[0].grid.hdiv),
hOffset=$hdiv.offset(),
$cdiv=$($grid[0].grid.cdiv),
cOff
我已经阅读了所有与此相关的主题,似乎我构建了正确的主题。但是setColProp仍然没有效果。我错过了什么?请帮忙。我正在使用jqGrid 4.4
var grid = $("#l-drill-emp-grid")
var pager_id = 'l-drill-emp-pager';
grid.jqGrid({
data : drillgrid.rows,
datatype: "local",
colNa
有个问题。
以添加我的两个字段和日期的形式。我连接到他们的日期选择器
beforeShowForm: pickLedgerDates,
function pickLedgerDates(){
$("#payment_date,#invoice_date").datepicker();
}
在表单本身中,当您单击第一个字段时,有一个日历,选择一个日期,一切正常。
当您单击第二个字段polyavlyaetsya calendar时,选择一个日期和放置在第一个字段中的日期,并将焦点放在该字
在主网格中,当我单击一行时,它会“高亮显示”,并显示七个子网格。
下面是一个示例,其中选择了第一行,并靠近要编辑的行(正在进行的工作):
现在,如果单击主栅格的第二行,第一行将隐藏,第二行将被选中。我点击编辑按钮后,会出现一条警告:没有选定的行
如果我再次单击第二行,它将变为未选中,然后再次单击以进行选择和编辑,运行良好!所以我认为我在折叠和扩展状态之间切换的代码是错误的:
更新日期2013-04-11
按照Oleg的回答,我加入了我的计划的完整代码(限制为30000):
jQuery(fu
我使用的是JQGrid treegrid。我想从叶节点中删除图标(JQGrid Treegrid叶节点的默认图标看起来像一个小单选按钮,我的经理不喜欢它)
我使用以下选项删除叶节点中的图标图像,但没有成功
treeIcons: { leaf: 'nonexistingstyle' }
treeIcons: { leaf: '' }
treeIcons: { leaf: null }
上述操作均无效。您可以使用jquery UI空图标:
treeIcons: { leaf: 'ui-icon-b
我有一个jqGrid,它具有以下属性:
grid.jqGrid({
datatype: "local",
data: GRID.GridData,
colModel: GRID.availableGridColumns['columnModel'],
loadonce: true,
它可以很好地加载数据
然后我对单元格进行内联编辑
然后我应用一个过滤器,或者一个排序,我对单元格所做的编辑现在消失了,值回到了它的原始值
我也
将loadonce设置为false multiple search for jqgrid后,它不会加载搜索的数据。它正在用所有数据重新加载网格。服务器应返回不同的数据,具体取决于您是使用loadonce:true还是默认loadonce:false选项。您的服务器部件似乎为loadonce:false提供了不正确的数据
为了理解。jqGrid向服务器发送一些参数。它的默认名称是页面,行,sidx,sord,\u搜索,以及过滤时的附加参数。在高级搜索的情况下,它的参数过滤器
要在使用情况下正确实现
如何合并jqgrid标头。我只想显示组头名称。到目前为止,我已经这样做了,问题是我只想显示组列名
jQuery("#grid").jqGrid({
...
colNames: ['Date', 'Client', 'Amount', 'Tax', 'Total', 'Closed', 'Shipped via', 'Notes'],
colModel: [
{name: 'invdate', index: 'invdate', width: 80, align: '
我使用的是Firefox37.x、jqGrid:4.7.0、jQuery:v1.11.2
过程:网格创建参数
datatype:"json",
jsonReader:{root:'rows',page:'page',total:'total',records:'records', userdata: "userdata",cell:'cell',id:'id'},
loadComplete:urlxdatafetch,
mtype:'GET',
hidegrid:false,
loadonce:
在jqGrid中,可以将sortableRows设置为true,以启用使用本地数据拖放行。即使在页面刷新后也可以记住/保留行位置吗?我知道可以使用localStorage保存列位置。那排呢
我正在装订这本书。
我的控制器类由以下代码组成。这段代码是我从代码中得到的,现在它给出了一个RowNumber错误。为什么,我如何解决这个问题
public ActionResult GetGridData(string sidx, string sord, int page, int rows) {
return Content(
JsonHelper.JsonForJqgrid(GetDataTable(sidx,sord,page,rows),
rows,
我在使用子网格时遇到问题。我想使用loadoce的优秀功能(本地搜索等)。我还想使用子网格。
但把它们放在一起是行不通的。我不知道是虫子还是我错过了什么
如果我将loadonce设置为false,子网格将工作
我试过3.7.1和3.7.2
或者我应该一次只使用一个?
非常感谢 这至少在JQGrid 3.8和4.0中是可能的(我还没有尝试过JQGrid
我正试图用jqGrid显示一个表。
有人能解释一下为什么这不起作用吗?我看不到任何表,也没有任何javascript错误!
您可以将此代码复制并粘贴到html文件中,它应该可以工作(问题解决后)
多谢各位
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html width="100%" height="100%">
<head&g
我开始使用filtertoolbar:myGrid.jqGrid('filtertoolbar',{stringResult:true,SearchOneNoter:false,defaultSearch:cn})
我的问题是我是否可以控制搜索输入的大小-
更新:它的高度和宽度大小
提前感谢。如果我理解您的意思是正确的,您应该在colModel列的定义中包含要限制选项的输入大小,如
searchoptions:{ attr: {maxlength: 5}}
在本例中,在搜索工具栏的相应输入字段
关于JqGrid的内置搜索功能,我有两个问题
如何获取所有匹配的搜索记录
如何使搜索不区分大小写
在JqGrid中,我启用了客户端搜索。但是我只看到第一条与搜索条件匹配的记录。根据@Oleg回复,问题得到解决
显示的只有一条记录是由于水平滚动条与最后一行重叠造成的。当ignoreCase:true被添加到jqgrid时,在jqgrid中执行的搜索现在不区分大小写。您应该包括显示您使用的搜索类型(单次/高级搜索、工具栏搜索)以及如何执行的代码。如果使用正确,搜索结果将显示所有匹配的行。参数igno
在colModel上,如果结果为空,是否有办法设置默认值,我的意思是:
colModel: [
{ name: 'Date', index: 'Date', width: 35, formatter: 'date', formatoptions: { newformat: 'd/m H:i' }, sorttype: 'date', **IFISNULLDISPLAY: '-'** }
]
在我看来,你在iqGrid中发现了一个bug。变量opts将设置为
var opts= {rowId:
如果使用“添加导航器”按钮添加行,如何传递附加的POST键以添加控制器
我尝试用下面的代码传递带有表单值的_-dokdata,但_-dokdata未传递到中的控制器
服务器
$(“#网格”).jqGrid('inlineNav','#grid#u toppager'{
addParams:{
useDefValues:true,
useFormatter:false,
addRowParams:{
外部参数:{u-dokdata:FormData},
editData:{u-dokdata:Fo
我想知道该请求是由于单击了刷新按钮或搜索的重置按钮所致。我希望能够在服务器端执行一个getvar,并看到类似于searchreset=true或refresh=true的内容。我知道这会涉及到处理postData。它可能涉及监听点击事件并覆盖它们。你知道怎么做吗
我遇到过onReset,但有人说这是在发送请求后触发的。我不确定您为什么要这样做,但实现可能与以下内容有关:
var$grid=$(“#grid”);
$(“#网格”).jqGrid({
...
loadComplete:函数(){
i
我在jqGrid外有高级搜索按钮。我正在使用:
var pSearch = //How do I get this object as mine is constructed in c# code. How do I get it from jqGrid's property collection or options??
$("#list").jqGrid("searchGrid",pSearch);
searchGrid的典型用法是
$(“#列表”).jqGrid(“搜索网格”);
或
这里有多个“大小选择”,它是根据样式值填充的。最初它是空的
当我更改任何大小选择时,不会触发DataEventChange。我在这里做错了什么
<script language="javascript" type="text/javascript">
function setHiddensizes(e)
{
var sizesId = $(e.target).val();
var row = $(e.target).closest('tr.jqgrow');
当从寻呼机请求新行时,jqGrid是否可以插入垂直滚动条而不是增加其高度
我目前的代码如下:
$("#grid").jqGrid({
url:'/someUrl',
datatype:"json",
mtype:'GET',
shrinkToFit:true,
forceFit:true,
autowidth:true,
altRows:true,
cellEdit:true,
altclass:'altRowClass',
multiselect:true,
rowNum:15,
heigh
标签: Jqgrid
jqgrid-asp.netjqgrid-phpjqgrid-formatterjqgrid-inlinenav
我只想用我自己的图标(newTrash Icon.png)在actions列中更改jqGrid的delete图标。我看到jqGrid从一个png图标文件加载图标。如何用其他垃圾桶图标替换默认垃圾桶图标
我尝试了下面的代码,但不起作用
在我的gridComplete
$('.ui-icon-trash').removeClass('ui-icon-trash').addClass('ui-icon-customtrash');
在我的CSS中
.ui图标自定义垃圾桶{
背景:url(“~/Ima
我正在mvc4中使用jqgrid。我有一个问题。调用jqgrid中的beforesmit方法后,我需要调用哪个方法向服务器提交值。我假设您的beforesmit回调没有返回正确的结果。回调允许通过返回[false,“错误描述”]跳过提交。如果在提交之前未检测到任何问题并希望处理提交,则应返回[true]。所以你应该加上
返回[true];
在您的beforesmit回调结束时。beforesmit返回[true',],但在此之后,我需要调用哪个方法向服务器提交值。我的代码在这里。navGrid
这是我在jquery中的所有子网格代码。我的问题是,我有一个用户下拉列表。每个用户都有自己的id,通过GET方法传输。当我选择一个不同的用户时,我希望在子网格中显示不同的值,但在我手动刷新页面crtl+f5之后不会发生这种情况。我也在使用ajax和json。
这是我的代码:
subGrid : true,
subGridRowExpanded: function(subgrid_id, row_id) {
//var projectIdRow = $('#l
标签: Jqgrid
internet-explorer-10
在IE10标准模式下,我在jqGrid中看到一些奇怪的行为,特别是当网格大小更大时。
当我使用水平滚动条滚动到网格右侧,然后向上滚动以查看列标题时,它们不可见(空白)
附加屏幕截图。jqgrid演示也会出现这种情况
复制步骤:
1.在IE10中打开jqgrid。->冻结Cols组标题(新)->冻结列
2.将某些列向右拖动(使用鼠标增加列的宽度)
调整窗口大小,使所有列标题在屏幕中不可见
使用水平滚动条滚动到网格的右侧
使用垂直滚动条向上移动以查看列标题
您将看到一些列标题不可见
屏幕截图可在@
我有一个jqgrid,在表单的必填列字段中有前缀“*”。但这会导致表单元素不对齐。为了解决这个问题,我向所有非必需的表单元素添加了一个前缀。这种变通办法行不通。另一个解决方法是添加后缀。是否可以使用前缀选项解决对齐问题?如果是的话,怎么办
更新
见下图。所有带前导“*”的字段未与表单中的其他元素对齐
为了解决这个问题,我在所有必需的字段前缀属性中添加了“*”,并为其他字段添加了“”。执行此操作时,元素正确对齐。请显示一个证据。
我正在寻找使用jqGrid解决以下问题的帮助。
1) 在实际生成网格之前,我的数据已经是json字符串。
2) 当我开始在添加/编辑表单字段中输入字符串时,我希望从本地json数据中搜索部分输入的字符串,并在字段中显示值。
例如:-我有一个表单字段通过发送,如果我开始输入“U”,我需要我的下拉列表应该限制为“UPS”和“USPS”,所以现在用户可以选择“UPS”或“USPS”
我尝试了很多选项,比如dataURL、DataInit。。但在某个地方我纠结了。非常感谢你的帮助 查看(点击过滤器工具栏
作为筛选运算符,您可以从以下选项中进行选择:
‘相等’、‘不相等’、‘较小’、‘较小或相等’、‘较大’、‘较大或相等’、‘以’、‘不以’、‘在’、‘不在’、‘以’、‘不以’、‘包含’和‘不包含’开头。
我想在此列表中添加一个额外的操作员。有人能给我指出实现这一目标的正确方向吗
应用程序正在使用对话框进行过滤,我们目前(非常高兴!)正在使用免费的jqgrid 4.15.0
如果您想知道用例:我们的应用程序有一个日期字段,一个非常常见的过滤器是过滤“从现在起X天内到期”的记录。为了获得最佳可用性,我
1 2 3 4 5 6 ...
下一页 最后一页 共 43 页