Tag: jqgrid

排序不使用jqGrid: 我一直遇到让jqGrid排序的问题。我希望最好在客户端上进行这种排序，但我也愿意对数据库进行新的调用以获得排序结果。我可以单击列标题，排序箭头更改方向，但数据根本不会更改。我已经查看了这个问题，但是调用reloadGrid似乎没有帮助。我的整个网格如下： var x = $(“#grid”).jqGrid({ jsonReader: { root: “rows”, repeatitems: false }, datatype: “json”, height: ‘auto’, autowidth: true, forceFit: true, colNames:[‘ID’,’Name’], colModel:[ {name:’id’, key:true, index:’id’, width:60, sorttype:”int”, jsonmap:”id”}, {name:’name’, index:’name’, width:90, jsonmap: “name”} ], caption: “Results”, loadonce: true, sortable: true, loadComplete: function() { jQuery(“#grid”).trigger(“reloadGrid”); // Call to fix client-side sorting […]

将按钮添加到jqGrid顶部工具栏: 看起来jqGrid的默认工具栏始终位于底部。像Next / Prev页面这样的按钮和用于选择每页行数的下拉列表将始终显示在网格的底部。我找到了一种方法来添加自定义顶部工具栏并将自定义按钮推入其中。真正需要的是一种将默认function（如分页）添加到网格顶部而非底部的方法。

表头中的垂直文本使用基于JavaScript的SVG库: 我使用jqGrid包含许多包含布尔信息的列，这些列在表格中显示为复选框（请参阅http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO.htm作为示例）。为了更紧凑地显示信息，我使用垂直列标题。它运行良好，可以在所有浏览器中使用jqGrid（请参阅我在jqGrid论坛中与Tony Tomov的讨论http://www.trirand.com/blog/?page_id=393/feature-request/headers-with-vertical-orientation/ ），但在IE中垂直文字模糊，看起来不够好（打开IE上面的链接，你会看到我的意思）。我被问到用户为什么文本显示得如此奇怪。所以我正在考虑使用基于JavaScript的SVG库，如SVG Web （ http://code.google.com/p/svgweb/ ）或Raphaël （ http://raphaeljs.com/ ）。 SVG非常强大，很难找到一个好的例子。我只需要显示垂直文本（-90 grad，自下而上）并尽可能使用，而无需在绝对定位模式下工作。所以还有一次我的问题：我需要有可能在表头的元素内显示垂直文本（ – 90度旋转）。我想使用基于JavaScript的SVG库，如SVG Web或Raphaël 。解决方案必须支持IE6 。有没有人有一个很好的参考例子可以帮助我做到这一点？如果有人发布问题的完整解决方案，我会很高兴。确切地说，这是我目前的解决方案：我定义 .rotate { -webkit-transform: rotate(-90deg); /* Safari 3.1+, Chrome */ -moz-transform: rotate(-90deg); /* Firefox 3.5+ */ -o-transform: rotate(-90deg); /* Opera starting with 10.50 */ /* Internet […]

jqgrid treegrid为每个树级别定制css-class: 我有一棵深树，对于用户来说，很难区分这些级别。是否可以为每个级别设置自定义css类？例如，首先是h1和粗体，第二个是粗体……

如何将寻呼机放置在自由jqgrid中工具栏顶部的末尾: 免费jqgrid顶部工具栏包含很多按钮，选择元素和寻呼机没有最后一页按钮。按钮被包裹到多行。使用中心部分删除 #grid_toppager_center { width: 0; } 由于寻呼机位于正确的区域，因此在寻呼机之下和之后有很多未使用的空白空间：我尝试使用删除空格 #grid_toppager_center, #grid_toppager_right { width: 0; } 和 pagerpos: ‘left’, 在这种情况下，寻呼机出现在工具栏按钮的顶部：如何将寻呼机放到其他地方，例如顶部工具栏的末尾？ jqgrid设置： $.extend($.jgrid.defaults, { iconSet: “fontAwesome” , autoResizing: { compact: true,widthOfVisiblePartOfSortIcon: 13 }, toppager: true, viewrecords: false, pagerpos: ‘left’, rowList: [50, 500, 1000], rowNum: 50, 样式： #grid_toppager_center, #grid_toppager_right { width: 0; } .ui-pg-button-text { margin: […]

类似于jqGrid中的treegrid: 我希望只在需要时才展开树。例如： OS Type是一个叶子节点，它不会扩展，但Memory有子类别，因此它会扩展那么我应该用什么来实现类似的东西，因为在jqGrid子网格中每一行都有一个扩展，我不想在这里我的代码（取自你的例子） $(‘#compareContent’).empty(); $(”+ ”+ ”) .appendTo(‘#compareContent’); var grid2 = $(“#list3”); grid2.jqGrid({ datastr: myJson, datatype: “jsonstring”, colNames: [‘KeyName’, ‘Config1’, ‘Config2’], colModel: [ { name: ‘elementName’, index: ‘elementName’, key: true, width: 70 }, { name: ‘attribute[0].firstValue’, index: ‘attribute[0].firstValue’, width: 90}, { name: ‘attribute.secondValue’, index: ‘attribute.secondValue’, width: 100 } ], pager: ‘#gridpager3’, rowNum: […]

jqGrid树网格与本地数据: 用于树形网格的jqGrid文档说：“目前jqGrid只能处理从服务器返回的数据。有一些技巧和文章描述了如何使用本地数据。” 很公平，但我无法找到这样的文章。关于如何实现它的任何提示，最好是相当于datatype=local ？

单选按钮列在使用JqGrid的此无线电列的所有网格行中互斥？: 如果用户单击特定行的此列，如何创建一个具有一列特殊单选按钮的网格，然后只选择此单选按钮，就好像有一个无线电组垂直分布在此列网格上？我特意在JqGrid（jquery）中寻找这个解决方案。谢谢。

jqGrid setSelect函数与参数化查询: 我正在使用jqGrid，在编辑/添加function上我希望在其中一个字段中有一个下拉列表。如果我使用setSelect函数，这是有效的： $grid->setSelect(“title”, “SELECT DISTINCT name,name as TestingName FROM template”, true, true, false, array(“”=>”All”)); 如何将参数传递给我的查询？我试过这些： 1- “SELECT DISTINCT name,name as TestingName FROM template where tempid = ?” 2- “SELECT DISTINCT name,name as TestingName FROM template where tempid = $rowid” 3- “SELECT DISTINCT name,name as TestingName FROM template where tempid = “. $rowid “SELECT DISTINCT […]

jqgrid – 设置edittype的custom_value：’custom’: place_id的custom_value设置为我先点击的任何一行。随后点击的行将全部使用相同的值，无论其实际值如何。为什么？例： place_id foo_name bar_value 10 blah abc 11 blah2 fgr 单击place_id为10的行，然后单击“编辑”，出现的表单将有10 place_id值。进行更改并保存，然后单击下一行。虽然所有其他值都是正确的，但表单的place_id仍为10 。我的代码：列place_id如下所示： {name:’place_id’, index:’place_id’, editable: true, edittype:’custom’, editoptions: { custom_element:myelem,custom_value:myval }} myval函数是： function myval(elem){ return elem.val(); } 我需要的是将myval设置为正在编辑的行的正确place_id。我查看了Firebug中的elem对象，我发现它始终具有第一次单击的行的值，但我不明白为什么我也不知道从哪里可以获取正确的值。任何建议都表示赞赏（我试过在jqgrid论坛上询问，但没有任何结果，所以我转向stackoverflow）。 *编辑：如果我使用edittype:’text’而不是edittype:’custom’我会显示并传递正确的值但是该列是可编辑的，它应该只是可见但不可编辑。完整代码： jQuery(document).ready(function(){ jQuery(“#list”).jqGrid({ url:’/foo/bar/results’, datatype: ‘json’, mtype: ‘POST’, colNames:[‘Place ID’, ‘Site ID’, ‘Site Name’, ‘API ID’, […]