Tag: jqgrid

在jqgrid列中添加图像: 我想在jqgrid的第一列显示一个小图像，用于从DB获取的所有数据。 jquery(“#tableName”).jqgrid({ ….. colNames : [”, ”], colModel : [{ width : ‘25%’, },{ name : ‘someValue’, index : ‘somevalue’, widht : ‘75%’, sorttype: ‘text’ }] }); 我想在第一个colmodel中添加一个图像。我试过格式化程序，但不确定cellvalue，行对象，选项。任何帮助，将不胜感激。我为图像做了类似的事情 function imageFormat( cellvalue, options, rowObject ){ return ”; } 我应该在哪里给图像src？如何提及colmodel中的imageformat？谢谢

如何在jqGrid中添加和编辑表单有不同的编辑选项: 我有一个jqGrid说明用户信息，将在表单中进行编辑。用户名是不可变的，但应该出现在表单中，以便用户知道他们正在编辑哪个用户。密码仅限编辑。所以在我的colModel中我有这样的设置： {name:’username’, index:’username’, width:155, editable:true, editoptions: {readonly:’readonly’}}, {name:’password’, index:’password’, width:155, hidden:true, editable: true, edittype:’password’, editrules:{edithidden:true}}, 这适用于编辑。我的问题是添加我需要使用户名’不是只读’。我没有看到控制添加表单和编辑表单的属性。也许我可以使用afterShowForm事件来改变编辑选项？有人做过这样的事吗？

JQGrid当autowidth = true时，如何删除恼人的水平滚动条？（在IE中）: 在IE中使用autowidth = true时，我似乎得到一个恼人的水平滚动条这里发生了什么，我该如何摆脱它？烦人的水平滚动条http://sofzh.miximages.com/javascript/2190tih.jpg

如何将jqgrid值作为formfields提交？: 我试图在用户填写传统forms字段（如用户名，电话等）的表单中使用jqGrid。表单包含用于行项目的jqGrid，用户可以在其中添加/编辑/删除行，完成后，提交整个表格。我有网格工作，因为我希望它出现，我只是无法获得作为包含表单的一部分提交的网格的内容。这是一个伪代码示例： Your name Enter your choices in the grid below: 我搜索，谷歌搜索，阅读文档，阅读维基等，但只是没有看到如何将jqGrid行和列作为formfields传递。任何指导将不胜感激。

我需要帮助自动化jqGridfilter: 好的，简而言之，我需要做的是在加载时自动将一组排序条件和数据filter应用于jqGrid。目的是用户将从大约10个预填充filter开始，然后，如果他们这样选择，他们可以改变那些filter或他们认为合适的分类。到目前为止，有很多谷歌，试验和错误和汗水，我有以下工作： – >我可以在会话cookie中加载/保存排序列和排序顺序。 – >我可以使用预定义的搜索filter加载搜索对话框。网格加载后，我可以打开modal dialog并查看正确的filter，如果单击“查找”，相应的数据将发布到服务器，并将正确的结果返回到屏幕。我认为现在正在咬我的东西是容易的部分，但它逃脱了我。我似乎无法做以下任何一种情况：（A）理想的情况是，如果我可以将这些filter附加到网格并且它在初始加载之前发布数据，那么只有一次到服务器的行程。（B）可行的解决方案虽然不太理想，但是网格首先加载未过滤数据的第一页，然后应用filter并重新查询服务器以获取过滤后的数据。由于今天我可以手动点击“查找”按钮并且它有效，我认为“B”将是一个很好的下一步。所以，在我的gridComplete函数中，我有以下代码： $(‘#AccountGrid’).clearFilter({gridName:’AccountGrid’, pagerName:’AccountPager’}); $(‘#AccountGrid’).addFilter({gridName:’AccountGrid’, field:’AccountID’, data:1, op:’ne’}); $(‘#AccountGrid’).addFilter({gridName:’AccountGrid’, field:’AccountID’, data:3, op:’ne’}); // $(‘#fbox_AccountGrid’).searchFilter().search(); // $(‘#fbox_AccountGrid .ui-search’).click(); $(‘#AccountGrid’).trigger(‘reloadGrid’); NOTE: “clearFilter” and “addFilter” are extension functions I have added to jqGrid to simplify adding and removing filters on the grid. They work exactly […]

在“添加/编辑”窗口中选择JQGrid /日期: 我在编辑内联时能够将日期选择器工作到JQGrid，但是我无法在添加/编辑窗口中使用它。有没有人有关于如何做到这一点的说明或我可以看到的例子？从该网站演示我正在尝试做什么： http ： //www.the-di-lab.com/demo/apples 我读到我可以使用以下方法但不确定如何集成它： dataInit : function (elem) { $(elem).datepicker(); }

保存/提交时重新加载jqGrid: 我有以下代码在双击时输入内联编辑： ondblClickRow: function (row_id) { if(row_id != null) { $(‘#Products’).jqGrid(‘restoreRow’,last_selected_row); $(‘#Products’).jqGrid(‘saveRow’,row_id); $(“#Products”).jqGrid(‘editRow’,row_id, true, null, function(){ $(“#Products”).trigger(“reloadGrid”, [{current: true}]); }, ‘xtras/Products.php’, null,{}, {},{} ); $(“#Products_ilsave”).removeClass(‘ui-state-disabled’); $(“#Products_ilcancel”).removeClass(‘ui-state-disabled’); $(“#Products_ilcancel”).removeClass(‘ui-state-disabled’); $(“#Products_ilcopy”).addClass(‘ui-state-disabled’); $(“#Products_iladd”).addClass(‘ui-state-disabled’); } } 和导航定义： $(“#Products”).jqGrid(“navGrid”, “#Products_pager”, {search: true, add: false, edit: false, del: true, refreshstate: “current”}, {}, {}, {}, {}, {sopt:[‘eq’,’ne’,’cn’,’bw’,’bn’,’ge’,’le’,’lt’,’gt’], multipleSearch:true, showQuery: false} ) .jqGrid(“inlineNav”, “#Products_pager”, {add: […]

根据另一列中自动完成的结果更改jqGrid文本列的可编辑属性: 我使用jqGrid 4.4.0进行内联编辑。为了这个问题，我的网格有四列：一个ID列（SomeGridRowId），一个带有jQuery自动完成（自动完成）的文本列，一个单字符文本列（SingleChar）和一个隐藏的boolean列（CanEditSingleChar）。我需要根据CanEditSingleChar列的值启用或禁用单个字符列的编辑。我已经使用onSelectRow和setColProp处理现有行，但由于某种原因，我不能让它在新插入的行上正常运行。如果我添加一个新行并从自动完成中选择一个值，则SingleChar列始终不可编辑。我已经使用Chrome和IE开发人员工具逐步完成了Javascript; 列值和属性设置正确，但SingleChar列的editable属性不会反映这一点。我为巨大的代码片段道歉，但我不想遗漏任何东西。 $(“#coolGrid”).jqGrid({ url: ‘@Url.Action(“GetCoolGridData”)’, postData: { someId: function () { return $(“#someId”).val(); }, otherStaticArg: function () { return 1; } }, datatype: ‘json’, mtype: ‘POST’, loadonce: true, cellsubmit: ‘clientArray’, editurl: ‘clientArray’, scroll: true, pager: $(“#coolGridPager”), rowNum: 200, sortname: ‘SomeGridRowId’, sortorder: ‘asc’, viewrecords: true, height: ‘100%’, colNames: [‘SomeGridRowId’, […]

在jqGrid中查找当前页码: 如何在jqGrid中找到当前页码（当然使用jQuery）。另外我怎么知道总共有多少页。

jqgrid自定义操作POST数据到服务器: 尝试查看文档但找不到。有没有办法让我可以使用自定义按钮发布到服务器而不调用编辑/添加屏幕？ jQuery(“#mytreegrid”).jqGrid(‘navButtonAdd’,”#ptreegrid”, {caption:””,title:”Move Up”, buttonicon :’ui-icon-arrowthick-1-n’, onClickButton:function(){ // calling something similar to onclickSubmit where i can construct // my post body or set urls like onclickSubmit: function(rp_ge, postdata) } }); 帮助将不胜感激！