在内联编辑后更新行时遇到问题。
我的模型是:
colModel: [
{ name: 'Email', index: 'Email', editable: true },
{ name: 'ReferenceEmail', index: 'ReferenceEmail', editable: true },
// hidden: true, editable: true, editrules: { edithidden: true}
{ name: 'Titl
我有两个问题是关于上下文菜单的:
我有一个空的网格,我希望在单击网格本身或列标题时显示上下文菜单,当前上下文菜单仅在网格中有行时显示。那我该怎么做呢
我在对话框窗口中有另一个网格:
$('#company_grid').contextMenu('grid_contextmenu', {
bindings: {
'add_row': function(t)
{
},
'delete_row': function(t)
添加了一列自动填充。所以我就这样用。实际上,我有3个“选择”字段,并且我为它们包括了“空白/空字符串”过滤器,如-var saleIndStr=“:All;0:Launched;1:sall;2:Aborted;3:”,其中“3:”提供了过滤带有空“sale”列的行的选项。但对于我们新的文本框自定义过滤器,我无法做到这一点。@Sree:你所解释的完全是另一个独立于另一个问题的问题。您设置了一些特殊要求,一次复制多行,因此无法筛选新的尚未填充的行。如果您只添加/复制一行,您可能根本不会有任何问题。
加载网格后,我将单击处理程序绑定到包含复选框的列
$("#mygrid td input").each(function () {
$(this).click(function () {
});
});
在这个点击处理程序中是否有一种巧妙的方法来获取与复选框所在行对应的记录的pk/id,以便我可以用它调用服务器?您可以使用事件的参数:
$(“#mygrid td input”)。每个(函数(){
$(此)。单击(函数(e){
//e.指向DOM元素的目标点
var tr=$(e.targe
jqGrid的网站有以下关于如何使用分组功能的代码示例,它工作得非常好
$(document).ready(function(){
var mydata = [
{id:"1",invdate:"2010-05-24",name:"test",note:"note",tax:"10.00",total:"2111.00"} ,
{id:"2",invdate:"2010-05-25",name:"test2",note:"n
jqGrid删除操作按钮用于删除行。
此按钮单击调用Edit方法,看起来它使用了editurl参数。
如何强制它调用Delete方法,比如Delete工具栏按钮调用
$(function () {
var grid = $("#grid");
grid.jqGrid({
url: '/GetData',
colModel: [{
"formatter"
我试图在jqGrid中测试添加新行和删除行,我发现网格不会刷新以显示新行,也不会在添加/删除行后删除删除的行。服务器端部分还没有准备好添加/删除,所以我只是将用于将数据加载到网格中的相同url提供给editurl
.navGrid('#' + id + '-pager',
{addtext: 'Add Code Value', deltext: 'Delete Code Value', edit:false,add:true,del:true,search:false,
搜索为什么表单编辑不再有效的最佳方法是什么?
我正在使用3.6版本,没有更改代码。
事件被执行(beforeinitdata、beforeshowform等),但url从未执行,表单从未显示。
有什么办法可以调查吗?我不建议您使用jqGrid 3.6。它已经有3.5年的历史了,这在网络开发中是永恒的
如果您确实有以前可以使用的旧版本代码,但现在无法使用,那么应该首先验证您使用的jQuery和jQuery UI的版本。jqGrid 3.6使用jQuery1.3.2和jQueryUI1.7.2进行测
标签: Jqgrid
http-headersxmlhttprequest
我只需要在“编辑”(PUT)之前设置一个自定义http头。
我试过这里提到的发送前加载-
但是这个函数在每次请求之前都会被调用。我只需要在“PUT”请求上设置此标头,而不需要在任何其他请求上设置。我的“GET”请求实际上由于这个头而失败
在发送之前,如何检查它是装入还是装入?还是有其他方法可以做到这一点
提前谢谢 你没有写下你所用的东西,这对你的问题得到准确答案非常重要。一般来说,jqGrid提供选项ajaxRowOptions,ajaxEditOptions,ajaxCelloOptions等
我正在使用jqgrid,并根据某些条件设置一列禁用或启用。因此,我根据该条件将属性disabled设置为空或disabled
我得到的是,在这两种情况下,我的专栏都被禁用。那么有没有办法禁用disabled属性
大概
disabled=false or readonly=false
因此,我可以根据该条件设置true或false
仅供参考,
我是这样设定值的
editoptions: { defaultValue: this.DefaultValue, disabled: this.IsRea
标签: Jqgrid
jqgrid-formatterjqgrid-inlinenav
我通过格式化程序操作执行jqgrid编辑。当服务器中的编辑验证失败并且我向用户显示错误时,我希望保持编辑模式并保存用户输入的数据。
有可能吗。请提供帮助。您应该使用内联编辑的restoreAfterError:false选项。我建议您通过更改内联编辑的默认值来设置该选项:
$.extend($.jgrid.inlineEdit{
restoreAfterError:false
});
或者,您可以在formatoptions中设置restoreAfterError:
格式化程序:“操作”,格式
在哪里可以自定义编辑表单或在子网格中添加表单?
如果我想从网格自定义编辑表单,我会:
$.extend($.jgrid.edit, {
recreateForm: true,
onInitializeForm: function($form) {
//CHANGE ASPECT IN EDIT FORM
$('<tr class="FormData"><td class="CaptionTD ui-widget-content" cols
我有jqGrid,它的大小是在窗口调整大小时动态计算的,如下所示:
$(window).bind('resize', resizeTable);
function resizeTable(){
$("#jqGrid")
.setGridWidth($("#tableHolder").innerWidth()),
.setGridHeight($("#tableHolder").innerHeight());
};
若y-size不足以容纳给定数量的行,则
是否有人将JQGrid与JSONP一起使用。我的Json来自单独的webapp,因此我使用数据类型为JSONP的$.get进行消费
我浏览了JQgrid示例和文档,没有JSONP示例。我替换了url:'http://services.xxx.com/xxxx/json,数据类型:“jsonp”,在准备好的文档上,调用了jsonp请求并获得了带有200个OK填充数据的响应(在Firebug中)。但是网格行没有被填充
我还需要补充什么,或者有人有什么解决办法。目前,我使用as本地数据类型来使用服务,
我有一个多重选择选项为true的网格…所以当我多重选择行并单击按钮时,说“释放”
它应该将这些行发送到服务器…任何一个可以将我指向正确的方向吗?在onsetrow事件处理程序中(请参阅),您可以接收所选行的ID数组作为参数。关于getRowData(ids[i])(请参阅),您可以从第i个选定行获取完整数据。然后,您可以从要发送到服务器的所有数据中构造一个数据,并使用该数据将数据发送到服务器。在onsetrow事件处理程序内部(请参阅),您将所选行的ID数组作为参数接收。关于getRowData
单击“提交”按钮后是否可以关闭“添加”对话框?我没有找到这样的属性。可以选择。您应该将该选项添加为的prmAdd参数的一部分
比如说,
jQuery("#list").jqGrid('navGrid','#pager',
{del:false}, // parameters
{}, // edit parameters
{closeAfterAdd:true}); // add parameters
奥列格,它很
我已经工作了几天,第一眼就看到了这个简单的任务——实现一个自定义单元格。任务如下:用一个id为的div元素创建一个自定义单元格(例如“mydiv”),然后为这个div调用一个函数,比如$('#mydiv').raty({start:cellvaue,readonly:true}),然后在编辑模式下调用第三个子任务(editGridRow)我必须将raty函数的参数更改为readonly:false,因为应该可以更改值
首先,我与formatter合作过。在格式化程序中,我定义了我的div元素,并
已尝试如下
jqGrid({
datatype: 'json',
colNames: ["<input type='checkbox' name = 'chkAllOutputField'/>", "other columns" ]
jqGrid({
数据类型:“json”,
colNames:[“”,“其他列”]
复选框显示在标题上,但无论如何单击,都不会选中/取消选中该复选框
如何通过单击使其处于选中/未选中状态我不知道您希望在列标题内的复选框中实现什么场景,但是为了能够更改
我的jqgrid中有以下代码
<script type="text/javascript">
jQuery(document).ready(function() {
var grid = jQuery("#list");
$("#editBtn").click(function() {
alert("hi"); });
jQuery("#list"
jqGrid上是否有像flexigrid一样的隐藏/显示列功能?我希望用户能够隐藏列,这样他们就可以轻松地查看相关列(信息)查看hideCol()和showCol()
也可以使用列索引来代替列名
但我还没有看到实现此功能(例如,直接从标题中选择)。可能就是您所需要的。
$('#tblId').hideCol('column');
$('#tblId').showCol('column');
JQGrid1.Columns.FromDataField(ColumnName).Visible =
我正在使用onPaging事件并对其执行一些后端逻辑,然后将json发送回jsp页面。
e、 我的网格中有10条记录,rownum是2。这意味着我有5页要显示。
单击“下一步”按钮时,显示的页数将更改(2/5),但数据仅显示前2条记录
我得到了json对象字符串中的“页面”:
{“页面”:2,“记录”:9,“行数”:2,…}
但是第2页上可见的记录与第1页上的记录相同。如果jqGrid要求服务器获取第二页,您应该在JSON数据中只包含两行:序号为3和4的记录:
{
"total": 5,
nReader,这样您几乎可以读取任何JSON数据。此外,在loadComplete事件处理程序中,您可以看到来自服务器响应的任何其他数据。loadComplete有一个参数。它将被初始化为转换为对象的完整服务器数据:因此与$的success处理程序的data参数完全相同。ajax@DrZ:II建议您设置“缓存控制:”max age=0“以任何方式显示在服务器的HTTP响应中。在这种情况下,您可以确保任何客户端都将始终从服务器获取最新数据。请写一本书:)我将WebOperationContext
我有一个jqGrid,它有一个默认颜色:蓝色。但是我想改变它的颜色。我能做什么
编辑:我已经为jqgrid CSS提供了:
<link rel="stylesheet" href="/css/ui.jqgrid.css"/>
<link rel="stylesheet" href="/css/ui.multiselect.css"/>
<link rel="stylesheet" href="/css/jquery-ui-1.8.1.custom.css"/>
有人能帮我理解为什么dataInit函数没有字段值吗。我已将以下内容添加到我的网格中的“类别”列中
dataInit: function (elem)
{
var v = $(elem).val();
alert("In data init val is " + v);
$(elem).trigger('change');
}
我在警报中得到一个空值,触发器函数也不会启动。我也有同样的问题。为了实现这一点:在dataInit和dataEvents中,v=$elem.val;var v=p
我的jqGrid中有很多隐藏列,我想在这些列上启用搜索
例如
{name:'Col1',宽度:200,隐藏:true,搜索:true},
{name:'Col2',宽度:200,隐藏:true,搜索:true},
{name:'Col3',宽度:200,隐藏:true,搜索:true}
但此列不显示搜索弹出窗口
有人能帮忙吗?您应该在列定义中使用附加选项:
searchoptions:{searchhidden:true}
Hey Oleg,我还有一个查询,格式化列中的排序不起作用。我的意思是
我的网格使用XMLAjax调用来检索数据。我想在最初加载时预选一条记录。我通过设置一个全局javascript数组,在loadComplete中引用它并调用setSelection,然后清除该数组,使其在分页、排序时不会再次预选,等等。是否有一种更有效的方法不涉及全局变量?我不知道它是否更有效,但我做了一些类似的事情,只不过我使用了Jquery.data()属性。这样,如果我有多个网格,每个网格都可以有自己的属性。当我说“高效”时,我只是在想jgrid是否有内置的东西来处理预选。非常感谢您的反馈
以上代码工作正常
但是,如果我将$(“#tableVisualization”)分配给一个变量,并在上述代码中使用该变量,则该变量不起作用
//var grid=$(“#表格可视化”)
它在每一个备用呼叫中都有效
例如,如果整个代码都在一个名为LoadGrid()的javascript方法中,那么对该方法的第一次调用有效,第二次调用无效,第三次有效,第四次无效,依此类推
我在调试过程中看到,当它在偶数调用中到达“grid.jqGrid('GridUnload')”时,网格被完全删除(我不确定ht
我无法使带有动态列表(下拉)的Struts2网格过滤器列正常工作。
代码如下。我使用的是struts网格2.2。在列上尝试了edittype=“选择”。运气不好:(
...
....
基本上希望在shipType列上搜索筛选器,如此处所示如果您知道筛选器元素的id属性,则可以完成此操作。如果您知道,只需使用类似JQuery的内容向元素添加必要的HTML代码。一旦我们知道参数(dataInit)和语法,就很容易了
<sjg:gridColumn name="test" index="te
我有一张树形的桌子。有两种类型的行:父行和子行。父行包含嵌套的子行
所以,现在我想根据行的类型在编辑表单上显示不同的字段。表列对于所有行类型都是通用的
如何根据行类型隐藏/删除/禁用内联和模式编辑不需要的字段
请给我一个好的起点,我想:我可以使用可编辑选项。另一种方式?那还不够好?您可以将行的类型(父/子)传递到行中,然后在表单显示时根据行的类型隐藏/禁用/只读不希望编辑的字段。
我的jqGrid显示出来了,但是它没有显示我在json源代码中检查过的数据,而且还可以
$(document).ready(function () {
$("#grid").jqGrid(
{
url: 'GetDepartment',
datatype: 'json',
mtype: 'GET',
colNames: ['Department ID', 'Department Name'],
co
我读过一些帖子,但我还是不能跟上,因为我是jqgrid的新手。
我有一个jqgrid,它有5列,但一列开头是空的。
在做一些更新之后,它将被填充
我希望JQgrid更改此行的字体颜色,因此如果它已填充,此行将更改字体颜色为蓝色
jQuery("#list").jqGrid({
....
colModel :[
{name:'prob_id', index:'prob_id', hidden:true, width:10},
{name:'Model',inde
我在MVC4中使用jqGrid来显示数据。我有一个带有日期/日期时间列的网格。我返回网格日期列的C#DateTime变量数据;对于日期列,formatoption:{srcformat:'m/d/Y',newformat:'m/d/Y'}格式选项:{srcformat:'m/d/Y h:i:s',newformat:'m/d/Y h:i:sa'}用于日期时间列。但当用户单击列标题时,此列的排序并不反映。
以下是日期列的colModel
{
名称:“TestOrderDate”,索引:“TestO
我正在尝试更新网格中特定列的单元格值。我使用本地JSON填充网格数据类型:“local”
该列的列定义如下:-
{
名称:'详细信息',
索引:“详细信息”,
标签:“详细信息”,
可编辑:false,
对齐:'居中',
格式化程序:函数(cellvalue、options、rowObject){
if(行对象[“已验证]){
返回'sdfsfsd';//单元格值的实际超链接
}
返回“”;
}
}
我正在使用以下代码行更新单元格值:-
//rowid是1
jqGrid('setCell',1
是否有方法将一些列添加到columnchooser而不是所有列?我有一个jqgrid,可以在上面动态创建一些列。因此,我希望动态创建的列添加到jqgrid而不是columnchooser或创建后直接显示在网格中。因此,用户无需转到列选择器并选择要显示的列
我使用下面的代码来显示列选择器:
$('#enter-value-table-settings-dialog').columnchooser(
$("#enterValueGrid"), {
我有一个困扰了我几天的问题。最初,我在javascript函数中测试了一种硬编码方法,该方法加载包含简单数组的局部变量,如下所示:
var myGridData = [
{ ID: "55505", Item: "Mortgage foreclosure", Class: "36", Status: "Pending" },
{ ID: "55506", Item: "Food truck parks", Class: "43", Status: "Pending" }];
for (var
我使用dataUrl在jqGrid的编辑表单中填充我的下拉列表,但我并没有从服务器得到任何响应。我错过了什么?fiddler没有显示错误
编辑选项:{
dataUrl:CurrencySetting.aspx/GetDet,
buildSelect:函数响应{
alertresponse.responseText;
变量数据=响应类型===字符串?
$.parseJSONresponse.responseText:response;
s=;
s+='-';
$.eachdata,函数{
s+=+
由于我的应用程序是在线供客户测试的,所以我经常遇到这个问题,我不得不在“分层”菜单上点击几次,希望它消失并伸出援手
下面是故障的快照:
当我在本地服务器(wampserver)上使用我的应用程序时,我从未遇到过这种问题
我的应用程序中有几个网格,但没有一个网格在线显示此消息
Firebug说“jquery.jqgrid.min.js”在第344行(?)中有错误。使用的版本为4.13.5,日期早于2016年8月27日,托管服务器使用php 5.6.8运行
有人已经遇到这种麻烦了吗
如果有人可以花
如何将多个相似的网格放在同一页和同一表上。一个示例代码会有所帮助。以下是我的想法
页面
桌子
Grid1 Grid2您能更详细地描述一下您的任务吗?我不明白你的意思。目前我有一个jquery页面,其中一个jqgrid有3列。我想在同一页上再添加2个jqgrid,每个jqgrid有3列。这是我的任务。你能给我指一些示例代码吗?你不需要任何特殊的东西。只需使用pager(如果有的话)添加两个额外的表标记,并以与第一个相同的方式为两个网格编写代码。
有人知道何时将导出到Excel/CSV功能内置到JQGrid中吗
有一些变通方法,但我们正在寻找一些简单的功能。请参阅
我不是jqGrid团队的成员,但我认为目前还没有任何计划将Excel导出构建到本地jqGrid JavaScript库中。您可能必须为此购买php或ASP.NET库,因为Excel生成需要服务器端处理
用JavaScript编写JSON到CSV转换器并不难,但您真的想这样做吗?另外,我真的想不出一种纯粹通过JavaScript向用户提供文件的方法。这个问题似乎用js&Flash
我有一个加载一行数据的jqGrid,我有一个自定义按钮来加载另一组数据,然后重新加载网格!当网格加载时,它工作正常没有问题,但当我添加新数据时,我只得到n个加载块,我已经挣扎了n个小时,没有任何乐趣,没有任何帮助,请我甚至卸载了网格,但即使我重新插入HTML标记,它也不会重新创建,请帮助
var字符串;
var计数=0;
var myrow=[];
变量项={“id”:计数,“单元格”:[“dfg”、“dfg”、“dfg”、“dfg”、“dfg”、“false”]};
计数=计数+1;
my
我对JQgrid很陌生。我有一个我无法解决的要求。
我正在使用工具栏文件管理器,其中searchoneter为true,数据为本地数据。
要求是,如果用户在列的筛选器文本框中键入“apple banana”,则筛选器应获取文本为apple或banana的行。
有谁能给出一个如何实施的想法吗
谢谢,
suneel当您调用函数创建filtertoolbar时,您有一个默认选项“groupOp”,您可以更改为或如下所示:
$('#jQGrid').jqGrid('filterToolbar', { g
下面是通过表单编辑jqgrid的代码
$("#DataEnergy").jqGrid('navGrid', '#pagergrid',
{}, //options
{editdata: { id_res: $('#resurs').val(), id_obj: readCookie('id_obj')} },// add options
{editdata: { id_res: $('#resurs').val(), id_obj: readCookie('id_
我无法在jqgrid中显示我的数据。我使用的代码与此工作示例中的代码完全相同:
我的数据不同,但实质上并非如此:
{"records":95,"page":1,"total":1,"rows":[{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File":"F_CONTR.PBL"},{"Report":"f_cn_08","File
多年来,我一直在尝试向jqGrid添加任何类型的编辑器。因此,基本上我希望能够选择一行,打开一个模式,如果它是type=textarea,则显示编辑器
这可能吗?
我发现很多帖子都有模糊的代码片段,但没有真正的实现
任何帮助都将不胜感激。
谢谢。
安德烈斯
我想通过正在工作的localStorage来保持列顺序。但是,列选择器根据当前顺序而不是原始顺序给出列的顺序
例如:
3列表,其中0为第一列,1==第二列,2为最后一列
0,1,2
选择列顺序将最后一列放在第一列,顺序变为
2,0,1
再次选择列顺序,并将(原始的最后一列)放回最后一列,顺序变为:
1,2,0
因为它基于当前顺序而不是原始顺序重置列编号。如何解决这个问题
onClickButton: function () {
$(this).jqGrid('columnChoose
以这个问题为例
有没有办法从一开始就设置过滤器参数?例如,在“Shipped via”列中,我希望选中“TNT”和“Intim”,而不选中“FedEx”
我认为可行的一个解决方案是通过
if(id == 'gs_ship_via'){
_.forEach($options, function(option){
if(option.value != 'FexEx'){
我在web应用程序中使用JQGrid和Spring+Hibernate。我创建了一个功能,JQGrid在其中打开一个编辑对话框,用于编辑选定的行,我在其中创建了一个自定义按钮。当用户单击此自定义按钮时,将打开一个对话框,用户将从此对话框中选择一行。当用户单击“确定”时,控件移回JQGrid编辑对话框。
我只想在JQgrid编辑对话框的字段中复制从对话框中为字段选择的值。我能够从全局javascript变量中的对话框中获取值,但无法在JQGrid编辑对话框字段中设置它。请帮我做这个
我的javas
om_func:仅适用于Habetcheck
}
}, {
名称:“电子邮件”,
索引:“电子邮件”,
对齐:'居中',
宽度:220,
可排序:false,
是的,
搜索选项:{
sopt:['cn','eq','ne','bw','bn','nc','ew','en']
},//对于搜索/筛选功能-指定搜索选项
编辑选项:{
尺码:30
},
编辑规则:{
要求:正确,
习俗:没错,
自定义功能:emailCheck
},
表格选项:{
标签:jQuery.i18n.prop('userde
jqGrid中的搜索字段不会返回日期20-03-2020。对于其他日期可以,但不返回此日期。为什么?
{
colModel:[{
name:'data_reg',
index:'data_reg',
align:"center",
editable:false,
formatter:'date',
formatoptions:{newformat:'d-m-Y'},
width:10
}]
}
你确定只是这一天吗?而不是任
我想以excel格式导出jqgrid,格式为.xlsx
我可以使用下面的代码导出
let table = document.getElementById("grid");
TableToExcel.convert(table, {
name: 'export.xlsx', // fileName you could use any name
sheet: {
name: 'Sheet 1' // sheetName
上一页 1 2 ...
12 13 14 15 16 17 18 ...
下一页 最后一页 共 64 页