Tag: jqgrid

如何使datepicker onselect函数在jqgrid中的工具栏搜索和高级搜索中的工作方式不同

我希望onselect事件只能在toolfilter而不是高级搜索中完成他的工作。 这是我的网格： $(‘#grid’).jqGrid({ colNames: [‘Title’, ‘date’], colModel: [ { name: ‘Title’, index: ‘Title’, searchoptions: { sopt: [‘cn’]} }, { name: ‘date’, index: ‘date’, search: true, searchoptions: { sopt: [‘deq’, ‘dge’, ‘dlt’], dataInit: function (el) { $(el).datepicker({ onSelect: function (dateText, inst) { $(“#grid”)[0].triggerToolbar(); } }); } }, width: 70 } ], pager: jQuery(‘#pager’), hidegrid: false, sortname: […]

带有inlineNav的jqGrid：有没有办法强制Add按钮重新启用？

我正在使用带有inlineNav选项的jqGrid 4.3.2。 网格上的所有编辑都是使用loadonce: true和clientArray在本地完成的。 当用户完成编辑时，他们单击表单上的保存按钮，整个网格将发布到服务器。 这在大多数情况下效果很好，但我遇到了一个奇怪的问题。 如果用户添加新行，然后在按Enter键确认编辑或取消选择新添加的行之前单击保存按钮，则即使在发布和重新加载之前调用saveRow之后，内联导航器上的添加按钮仍保持禁用状态。 我在saveRow调用之后尝试了resetSelection和restoreRow ，但这些都不起作用。 我的保存代码： $(“#submitButton”).click(function () { $(“#theGrid”).jqGrid(‘saveRow’, $(“#selectedRowId”).val(), false, ‘clientArray’); if (!ValidateGridData()) return false; var rowData = $(“#theGrid”).jqGrid(‘getRowData’); var dataToSend = JSON.stringify(rowData); $.ajax({ url: ‘@Url.Action(“UpdateGridData”)’, type: ‘POST’, contentType: ‘application/json; charset=utf-8’, data: dataToSend, dataType: ‘json’, async: false, success: function (data, textStatus, jqXHR) { $(“#theGrid”).jqGrid(‘setGridParam’, { datatype: ‘json’ }); $(“#theGrid”).trigger(‘reloadGrid’); […]

jqGrid不保存内联行编辑

我在ASP.NET MVC 4网站jQuery 1.7.2中使用jqGrid 4.3.2。 应用程序中有几个位置使用jqGrid。 我现在的一般设置是所有编辑都在本地完成（ loadonce: true和clientArray ），并带有内联导航和编辑，所有网格数据都通过AJAX调用在表单提交时发布到服务器。 我对行编辑以及他们提交的事件遇到了一些困难。 您可以在此处查看网站（以及来源，正在进行的总工作，不错）。 如果添加或编辑行，然后单击页面上的其他位置，则不会保存行编辑。 用户必须在行编辑期间的某处按Enter键以保存行。 我在这个问题中略微谈到了这一点， Oleg很乐意回答。 除了按下回车键之外，有没有办法提交行编辑，比如当行失去焦点时？

jqGrid中的自定义客户端聚合

这个问题类似于jqGrid中的自定义聚合/分组，但有点不同。 我有以下jqGrid。 它加载一次，我希望客户端完成以下所有function。 下拉列表是一个选择器，用于更改显示数据的方式。 比如说我想通过State显示，它应该只显示State列（我可以通过显示和隐藏列来处理它），我希望它聚合/求和“Number1”，“Number2”和“Number3”列也是如此。 它应该看起来像这样（希望我的手动添加是正确的）。 我也需要能够回到第一个网格，尽管如此，869需要分解为Taylor Ridge，Skokie，Beecher的285,489,95值。 这是jqGrid可以处理的东西吗？ 以下是第一个网格的XML，但我完全可以控制这个XML的构建方式，因此我可以根据需要进行更改。 1 IL SPARLAND 32 61 19 0 2 IL EDWARDS 69 56 2 0 2 IL SPARLAND 52 30 8 0 2 CA TAYLOR RIDGE 285 72 15 0 1 CA SKOKIE 489 60 12 0 1 CA BEECHER 95 46 17 0

当DatePicker关闭时，jqgrid保存单元格编辑

我有以下JQGrid $(“#requestTable”).jqGrid({ url: url, datatype: ‘json’, mtype: ‘GET’, altRows: ‘true’, colNames: [‘id’, ‘Request Date’, ‘Name’, ‘HomePhone’, ‘Address’, ‘Contact Date’, ‘Email’], colModel: [ { name: ‘Id’, index: ‘Id’, hidden: true }, { name: ‘RequestDate’, index: ‘RequestDate’, width: 100 }, { name: ‘FullName’, index: ‘FullName’, width: 125, sortable: false }, { name: ‘HomePhone’, index: ‘CabinetColor’, width: 90, […]

jqgrid editurl：控制器动作参数

当我在jqgrid中使用editurl属性时，在我添加新行时点击提交按钮后会调用控制器操作。 但是如何在那里获得所有网格行？ 我应该从控制器操作方法中读取哪个参数才能获取网格数据？ 网格代码： $(“#list1″).jqGrid({ url: ‘/CMS/GetCustomLanguageData’, — — editurl: ‘/CMS/SaveCustomLanguageData’ — 添加新的行代码： grid.jqGrid(‘editGridRow’,”new”,{height:280,reloadAfterSubmit:false,addCaption: “Add Record”, editCaption: “Edit Record”, bSubmit: “Submit”, bCancel: “Cancel”, bClose: “Close”, saveData: “Data has been changed! Save changes?”, bYes : “Yes”, bNo : “No” }); 控制器代码： public ActionResult SaveCustomLanguageData() { }

jqGrid：始终显示选择的可编辑列

在jqgrid中是否有一种方法可以使用一个可编辑的列，该列使用此colModel示例中的select： { name: ‘Options’, index: ‘Options’, width: 150, align: ‘left’, resizable: false, editable: true, edittype: ‘select’, editoptions: { value: function() { return buildSelect(); } }, formatter: ‘select’ } 但总是显示选择？ 我之前已经使用了复选框，但似乎没有一种方法可以使用选择。 理想情况下，我希望这可以在celledit模式下工作。 有任何想法吗？

当使用jqgrid时，无论如何都有recreateForm：true但是还缓存dataUrl？

我有以下列使用jqGrid（简化） { name: “PMOPerson”, index: “PMOPerson”, width: 250, editable: true, edittype: “select”, editoptions: { dataUrl: “/Person/GetSelectData” }, editrules: { required: false} }, { name: “HeadDisplayName”, index: “HeadDisplayName”, width: 150, editable: false }, 当我通过调出编辑对话框来编辑一行时，需要10秒才能填充PMOPerson下拉列表。 甚至在我之前已经加载过一次之后就是这种情况，我认为这是因为我在下面重新创建了一个forms：true addButton({ caption: “”, title: “Edit Selected Team”, buttonicon: ‘ui-icon-pencil’, onClickButton: function () { var id = $(“#grid”).getGridParam(“selrow”); if (id) { jQuery(“#grid”).jqGrid(‘editGridRow’, […]

jqGrid中的类似电子表格的内联编辑

我正在使用jQuery 1.4和jqGrid 3.8 beta， 在这里，我使用了jqgrid表，我想在其中创建excel表/电子表格这样的界面，其中已经显示空白行数，用户可以将记录输入到表格单元格中，以便他们输入电子表格。 我通过运行JQgrid的addRowData函数循环创建了空的可编辑行。 之后我通过指定editable：true使几个字段可编辑 现在的问题是，当我在一个字段中编辑某些东西并在那之后写一些东西时，如果我移动到另一行，那么前一行上的旧编辑数据将无法在表上存储它会消失。 在这里，实时示例尝试键入可编辑字段，然后移至下一行。 http://www.logicatrix.com/example/records.html

在jqGrid中重新加载dataurl元素

我有一个简单的网格，有以下选项： jQuery(“#mygrid”).jqGrid({ url: ‘dataurl.htm’, datatype: ‘json’, ajaxSelectOptions: { cache: false } … colModel: [ { name: ‘foo’, index: ‘foo’, width: 25, stype: ‘select’, searchoptions:{ sopt: [‘eq’], dataUrl: ‘someurl.htm?columnName=foo’}} ] }); 但是，当我调用$(“#mygrid”).trigger(“reloadGrid”); 它只从dataurl.htm加载表的数据，但它不从some url.htm链接加载foo列的数据。 我已经在SO上阅读了几个这样的问题，并建议使用ajaxSelectOptions: { cache: false }但这对我不起作用。 someurl.htm返回 something