Tag: jqgrid
如何更改jqgrid自定义格式化程序中单元格的背景颜色？
我可以通过在jqgrid自定义格式化程序中执行此操作来更改文本颜色： function YNFormatter(cellvalue, options, rowObject) { var color = (cellvalue == “Y”) ? “green” : “red”; var cellHtml = “” + cellvalue + “”; return cellHtml; } 但我想现在改变整个单元格的背景颜色 （而不是文本颜色）。 这可能吗？
jqgrid的通用搜索字段
我是jqgrid的新手，我发现有四种方法可以在jqgrid中实现搜索： a toolbar searching a custom searching a single field searching a more complex approach involving many fields and conditions – advanced searching 我想知道是否有可能实现通用搜索的“谷歌风格”，你只有一个文本字段用于搜索查询。 如果我要写一些字段，它会尝试搜索网格中的所有数据。 编辑 ：我想获取所有数据一次，并使用搜索本地数据集。 见附图。
JqGrid过滤规则 – 我们可以根据数组进行过滤吗？
我有一个数组，我需要从中过滤JQGrid。 var filter = [“a”,”b”,”c”,”d”,…255]; var postData = $(‘jqGridName’).jqGrid(‘getGridParam’, ‘postData’); jQuery.extend(postData, { filters: { groupOp: “AND”, rules: [ { field: “Types”, op: “ne”, data: filter[0] }, { field: “Types”, op: “ne”, data: filter[1] }, { field: “Types”, op: “ne”, data: filter[2] }, { field: “Types”, op: “ne”, data: filter[3] }, . . . { field: […]
如何在jqgrid弹出的列选择器中更改列名？
我有一个两列标题Phase1和Phase 2（图1）。 现在在列选择器窗口中显示列名称（图像2） 名称 类别 子目录 类别 子目录 我希望表现得与众不同 名称 Ph1类别 Ph1子类别 Ph2类别 Ph2子类别 注意：根据我的要求，不要更改列名 $grid.jqGrid({ data: mydata, datatype: “local”, colNames:[‘Name’,’Category’,’Subcategory’,’Category’,’Subcategory’], colModel: [ {name: “Name”}, {name: “Category”}, {name: “Subcategory”}, {name: “PRCategory”}, {name: “PRSubcategory”} ], cmTemplate: {width: 200}, gridview: true, autoencode: true, sortname: “Name”, viewrecords: true, rownumbers: true, sortorder: “desc”, ignoreCase: true, pager: “#pager”, height: “auto”, […]
自定义jqGrid中的“添加/编辑”对话框
对不起，我无法发布图片，我太新了。 在jqGrid添加/编辑对话框中，我想根据之前做出的选择加载可选项的列表。 在上图中，应根据条件选择中选择的值加载值选择。 我相信要走的路线是在editoptions对象中使用dataurl但我在这方面遇到了问题。 令人不安的第一个问题是基于此处的文档，当标准值的更改允许我更新值列表时，似乎没有可触发的事件。 另外，我对如何从ajax请求返回数据感到困惑。 在文档中它说： 设置editoptions dataUrl参数editoptions dataUrl参数仅对edittype：select元素有效。 dataUrl参数表示应从中获取html select元素的url。 设置此选项后，元素将填充AJAX请求中的值。 数据应该是带有所需选项的有效HTML select元素“ 这是否意味着我需要生成html并将其作为响应的一部分返回？ 以前我用json传递了所有数据。
如何在jqGrid上编辑选定的单元格
我正在使用jqGrid进行内联编辑，但是当我选择一个单元格时，光标设置在该行的第一列，但我想知道是否有任何方法可以编辑我点击的当前单元格，而不是第一行。 提前致谢。
使用InlineEditing和CellEdit在JQ Grid上启用“保存”按钮
嗨，我有一个使用单元格编辑和内联编辑的网格。 它保存到ClientArray $(‘#list’).jqGrid({ datatype: “local”, colNames: [“Parameter Id”, “Parameter Name”, ‘Parameter Value’], colModel: [ { name: “Id”, index: “Id”, align: “left”, key: true, editable: false,hidden:true, jmap: 0 }, { name: “ParameterName”, index: “ParameterName”, align: “left”, editable: false, jmap: 1 }, { name: “ParameterValue”, index: “ParameterValue”, align: “left”, editable: true, edittype: “text”, editoptions: { maxlength: 100 […]
jqgrid：多选和禁用检查（有条件）
我喜欢jqGrid，但有时事情似乎比它们应该更复杂。 我想要实现的是在每一行上都有一个复选框，以便用户可以选择要提交/处理的行。 但是，我需要阻止一些复选框，因为用户可能没有授权该特定行。 我试图设置multiselect: true然后我试图隐藏复选框： loadComplete: function (data) { if (data.rows.length > 0) { for (var i = 0; i < data.rows.length; i++) { if (data.rows[i].cell[7] == 'false') { $("#jqg_OrdersGrid_" + data.rows[i].id).css("visibility", "hidden"); } } } }, 它运行良好，但仍然， .jqGrid(‘getGridParam’, ‘selarrrow’)给我选定的行，即使它们尚未被检查。 有没有其他方法可以启用/禁用复选框，以及如何知道已检查哪些复选框？ 谢谢
在cookie中发送扩展的TreeGrid节点
继续本主题，我想在cookie中保存扩展节点。 这是最好的方式吗？ 我不确定JSON数据检查的方式。 为什么expandRow不起作用？ var gridId = “#table”; var grid = $(gridId); grid.jqGrid({ … loadComplete: function() { var ids = grid.jqGrid(‘getDataIDs’); var cookie = $.cookie(gridId + ‘_expanded’); var expanded = false; if (typeof(cookie) == ‘string’) var expanded = JSON.parse(cookie); for (var i=0;i<ids.length;i++) { var id=ids[i]; var row_data = $(this).jqGrid('getRowData', id); if (expanded && id in […]
jqgrid加载没有分页的大数据集
我想知道是否有更好的方法从服务器加载大型Json数据集。 我使用jqgrid作为loadonce：true。 我需要一次加载大约1500条记录，我也不使用分页选项。 有没有更好的方法来实现这一目标？ 先感谢您。 这是我的网格代码 – $(function(){ $(“#testgrid”).jqGrid({ url:getGridUrl, datatype: ‘json’, mtype: ‘GET’, height: 250, colNames:[‘Inv No’,’Date’, ‘Client’, ‘Amount’,’Tax’,’Total’,’Notes’], colModel:[ {name:’id’,index:’id’, width:60, sorttype:”int”,search:false}, {name:’invdate’,index:’invdate’, width:90, sorttype:”date”,search:false}, {name:’name’,index:’name’, width:100,search:false}, {name:’amount’,index:’amount’, width:80, align:”right”,sorttype:”float”}, {name:’tax’,index:’tax’, width:80, align:”right”,sorttype:”float”,search:false}, {name:’total’,index:’total’, width:80,align:”right”,sorttype:”float”,search:false}, {name:’note’,index:’note’, width:150, sortable:false,search:false} ], multiselect: true, multiboxonly:true, caption: “Manipulating Array Data”, pager: ‘#testgridpager’, //Auto load while scrolling //scroll: […]
