Tag: jqgrid

两行或更多行上的Jqgrid标头

我有以下问题:我需要在Jqgrid上添加两行或更多行标题内容。 我看到了Zac在jqgrid双标题下提供的示例,但是通过仅更改css我没有对网格进行任何更改。 是否有可能有一个更完整的例子来重现这种行为? 谢谢Angelo

动态更改filterToolbar选项

有什么方法可以动态设置’filterToolbar’选项吗? 这是我的问题。 最初我需要一个根据搜索选项的filter – ‘defaultSearch : “eq” 单击按钮后我需要将搜索选项更改为 – defaultSearch : “cn” 一种方法可以动态设置defaultSearch选项(我不知道天气是否可能),其他方法是删除旧的filtertoolbar并添加新的filtertoolbar ,默认搜索为“cn”。 这有可能与jqgrid? 请告诉我。 感谢您的帮助。 先感谢您。

在jqgrid treegrid中,如何指定我希望默认情况下折叠数据(即使所有数据都已加载)

我正在加载一个完整的treegrid,但我希望它崩溃到只显示级别1(而不是显示所有扩展的内容) 无论如何,当我的jqgrid treegrid加载和重新加载时,指定初始视图(折叠或展开) 再次,我想把所有东西加载到客户端,但只是显示事情崩溃作为初始视图。 我在主文档页面上看不到任何选项

jqgrid没有更新重载数据

我有一个jqgrid从xml流加载数据(由django 1.1.1处理): jQuery(document).ready(function(){ jQuery(“#list”).jqGrid({ url:’/downtime/list_xml/’, datatype: ‘xml’, mtype: ‘GET’, postData:{site:1,date_start:document.getElementById(‘datepicker_start’).value,date_end:document.getElementById(‘datepicker_end’).value}, colNames:[…], colModel :[…], pager: ‘#pager’, rowNum: 25, rowList:[10,25,50], viewrecords: true, height: 500, caption: ‘Click on column headers to reorder’ }); $(“#grid_reload”).click(function(){ $(“#list”).trigger(“reloadGrid”); }); $(“#tabs”).tabs(); $(“#datepicker_start”).datepicker({dateFormat: ‘yy-mm-dd’}); $(“#datepicker_end”).datepicker({dateFormat: ‘yy-mm-dd’}); … 和html元素: Start Date: End Date: 当我单击grid_reload按钮时,网格会重新加载,但是当它完成时它会显示与之前完全相同的数据,即使测试了xml以返回不同时间戳的不同数据。 我已经使用alert(document.getElementById(’datepicker_start’)。value)检查了触发重载事件时日期输入中的值是否正确传递。 任何想法为什么数据不更新? 也许是缓存或浏览器问题?

JQgrid中上下文菜单项的自定义值

我正在使用Oleg和Demo的这个链接来创建上下文菜单。 有没有办法将一些动态值传递给除rowId之外的每一行。 可能是一种方法是为每一行设置隐藏值并获取那些隐藏的列值但不确定如何实现此function。 感谢您的任何帮助或建议.. loadComplete: function(data) { // Fix the Grid Width… fixGridWidth($(“#grid”)); // Context Menu $(“tr.jqgrow”, this).contextMenu(‘contextMenu’, { bindings: { ‘abc1’: function(trigger) { // would like to pass some custom values }, ‘abc2’: function(trigger) { // open a link in new window using a hyperlink }, ‘abc3’: function(trigger) { // custom logic } }, […]

无法使用loadonce刷新jqgrid:true

我创建/编辑/删除行后,显然需要从服务器刷新网格。 我已经检查了所有关于重装的Oleg’s aswers,我仍然无法使其工作。 我究竟做错了什么? 为什么这么简单的事情必须如此复杂。 我还想在发布后关闭表格..但这是下一步 这是我的代码: $(function(){ var roles = null; $.ajax({ ‘async’: false, ‘global’: false, ‘url’: ”, ‘dataType’: ‘json’, ‘success’: function (data) { roles = data; } }); var comptes=$(“#Comptes”); comptes.jqGrid({ url:”, mtype : “post”, datatype: “json”, colNames:[‘Nom’,’Prenom’,’Email’,’Utilisateur’,’Telephone’, ‘Password’,’Role’], colModel:[ {name:’first_name’,index:’first_name’,editable:true, editrules: { required: true }, edittype:’text’,search:false, align:”center”}, {name:’last_name’,index:’last_name’,editable:true, edittype:’text’, editrules: { required: […]

改变jqGrid的风格

我正在使用jqGrid 3.5。 我可以改变网格的样式和外观,并使用jQuery或自定义CSS或其他东西使其更美观吗?

postData方法不执行函数

我有两个jqGrids。 在第一个网格中,我选择一行,第二个网格根据第一个网格的id刷新数据。 至少这是它应该如何工作。 //This is code from the second grid postData: ‘{ lobId: ‘ + BudgetCore.getLobId() + ‘ }’, //Snippet from BudgetCore… getLobId: function () { var row = jQuery(BudgetCore.GridTables.Lob).jqGrid(‘getGridParam’, ‘selrow’); return row; } 在Chrome中我尝试调试函数getLobid()但它永远不会被执行。 发送的postData请求:{lobId:null}。 如果我将上面的代码更改为'{lobId:’+ 1 +’}’它可以正常工作,那么必定会出现导致此函数无法执行的错误。 在Chrome JS控制台中执行BudgetCore.getLobId()工作正常。

在jqgrid中实现删除和编辑操作

我有以下JQgrid实现 colModel: [ { name: ‘NameEn’, index: ‘NameEn’, width: 100, align: ‘left’ }, { name: ‘Desc’, index: ‘Desc’, width: 100, align: ‘left’ }, { name: ‘ID’, index: ‘ID’, width: 100, align: ‘left’, hidden:true } ], caption: “Management”, gridview: true, rownumbers: true, rownumWidth: 40, scroll: 0, rowNum: 100, sortname: ‘ID’, pager: ‘#pager’, sortorder: “asc”, viewrecords: true, […]

jqGrid:POST数据到服务器以获取行数据(过滤和搜索)

我有一个这样的表格: 和我的jqGrid表: 我需要POST(不是GET) myForm的数据到我的服务器方法,以获取行数据并填充网格。 到目前为止,我还没有能够让jqGrid发布任何东西。 我仔细检查了我的数据序列化,并正确地序列化我的表单数据。 这是我的jqGrid代码: $(“#myGrid”).jqGrid({ url: ‘/Products/Search”) %>’, postData: $(“#myForm”).serialize(), datatype: “json”, mtype: ‘POST’, colNames: [‘Product Name’, ‘Price’, ‘Weight’], colModel: [ { name: ‘ProductName’, index: ‘ProductName’, width: 100, align: ‘left’ }, { name: ‘Price’, index: ‘Price’, width: 50, align: ‘left’ }, { name: ‘Weight’, index: ‘Weight’, width: 50, align: ‘left’ } ], […]