Tag: jqgrid

jqgrid客户端侧排序与服务器端分页 – 数据消失

它在jqgrid文档中声明下面的代码应允许使用服务器端分页进行本地排序; 网格数据在分页时消失; 之前已经问过这个问题没有明确的答案 – 使用loadonce的建议:true意味着关闭分页 – 我需要分页 稍后编辑完成完整的html页面和json响应(我现在从php / mysql后端运行它)。 我的完整HTML页面 JQGrid Test html, body { margin: 0; padding: 0; font-size: 90%; } $(function() { $(‘#table’).jqGrid({ jsonReader : { repeatitems: false, cell:””, id:”0″ }, height:’auto’, url:’/jqgrid/orderdetails.php’, postData:{test:’value’}, datatype: ‘json’, mtype: ‘POST’, rownumbers:true, rownumWidth:35, colNames:[‘OrderID’,’UnitPrice’,’Quantity’,’Discount’,’ProductName’], colModel :[ {name:’OrderID’, index:’OrderID’,search:false,sorttype:’integer’}, {name:’UnitPrice’, index:’UnitPrice’,editable:true,sorttype:’float’}, {name:’Quantity’, index:’Quantity’,sorttype:’int’}, {name:’Discount’, index:’Discount’,sorttype:’int’}, {name:’ProductName’, […]

jQGrid列选择器模态叠加

看一下这个例子 ,请注意点击“搜索”按钮会如何显示一个模态表单,背后有一个黑暗的叠加层。 现在注意点击Column Chooser按钮会显示一个模态forms,但后面没有叠加。 我的问题是:如何在我的Column Chooser弹出窗口后面显示黑色叠加层?

Jquery JQGrid – 如何设置网格标题单元格的对齐方式?

是否可以在jqgrid中对齐网格列标题? 例如对齐左右还是中心? 在jqrid文档http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options中它说: align: Defines the alignment of the cell in the Body layer, not in header cell. Possible values: left, center, right. 请注意,它表示“不在标题单元格中”。 如何为标题单元格(网格标题单元格)执行此操作? 文档没有提到这个小细节….

使用带有JqGridforms的bootstrap select2

我试图用jqgridforms实现bootstrap select2,但似乎可以正确。 在jqgrid声明的colmodel我有: {name: ‘staff’, index: ‘staff’, width: 31, formoptions: {elmprefix: ‘(*) ‘}, editable: true, editrules: {required: true}, edittype: ‘select’, editoptions: {value: staff, dataInit: function(element) { $(element).width(260).select2(); } } }, 选项在那里,引导类插入到元素中, <select id="staff" class="select2-offscreen FormElement" role="select" 但我得到的只是选择的空白区域。 见下图。 有人能告诉我为什么会这样,或者告诉我我做错了什么? 谢谢。

使用ASP.NET MVC的jquery – 调用启用了ajax的Web服务

这是前一个问题的一个延续。 现在我正在尝试调用我在ASP.NET MVC应用程序中定义的支持AJAX的Web服务(即MovieService.svc )。 但是我的getMovies javascript函数永远不会调用该服务。 如果我在非ASP.NET MVC应用程序中尝试,这种调用AJAX Web服务的技术工作正常,所以它让我想知道ASP MVC路由在尝试进行AJAX Web服务调用时是否会以某种方式干扰某些事情。 你知道为什么我的网络服务没有被调用吗? 代码如下。 <script src="” type=”text/javascript”> <script src="” type=”text/javascript”> <script src="” type=”text/javascript”> <script src="” type=”text/javascript”> var lastsel2; function successFunction(jsondata) { debugger var thegrid = jQuery(“#editgrid”); for (var i = 0; i < jsondata.d.length; i++) { thegrid.addRowData(i + 1, jsondata.d[i]); } } function getMovies() { debugger […]

jqgrid嵌套子网格第4级子网格总是返回子网格的第一个rowid

jqGrid v4.3.2 IE9 win7enterprise 我正在使用以下代码生成子网格: http://www.trirand.com/blog/jqgrid/jqgrid.html – >高级 – >网格作为SubGrid 我这样做,我有 第1级子网格确定 二级子网格确定 第3级子网格确定 第4级子网格它为第3个Lvl sg的每一行加载子网格OK,但是它只显示第3个Lvl sg的第一行id的数据 当我检查开发人员工具时,我看到请求总是发送第三个子网格的第一行的id,我知道如何使用我已经尝试过的postData附加自定义参数,以及来自zggrid中子网格的 Oleg K postData的答案不工作? (这个在我的情况下不起作用,数据没有添加到请求中) 我试图从以下事件返回rowdid但没有运气,它仍然返回第三个子网格的第一行id,因此,对于第三个子网格上的每一行,子子网格总是返回相同的。 subGridRowExpanded //always returns first row id of the third grid onSelectRow //doesn’t fire if we click the + icon for expanding the subgrid beforeSelectRow //doesn’t fire at all 另一个奇怪的行为是,如果我单击第三级子网格上的任何行,它只选择第一行。 不,抱歉,使用treegrid不是一个选项。 我正在考虑在第3级子网格的每一行的加号图标(第一个单元格)上绑定一个click事件并触发expandSubGridRow,但问题仍然存在,如何获取我点击第三级的行的rowid 子网格 […]

jqGrid treeGrid catch展开collaps事件

我使用jqGrid来设置一些大树。 现在我想记住cookie中的扩展和折叠节点 所以我想抓住扩展和折叠事件。 我在手册中找不到它 所以我已经用这种方式解决了 grid.find(“div.treeclick”).bind(“click”,function(e){ classes = $(this).attr(‘class’); //returns: //ui-icon treeclick ui-icon-triangle-1-s tree-minus //ui-icon treeclick ui-icon-triangle-1-e tree-plus if(classes.indexOf(‘-minus’) != -1) alert (‘Expand!’); else if(classes.indexOf(‘-plus’) != -1) alert (‘Collaps!’) }); 有人可以提出另一种方式吗?

jqGrid自动filter突出显示搜索结果

我想要帮助突出显示jqgrid行的数据部分以及它们何时匹配。 我的jqGrid标记: ‘ 和我的jqGrid代码: var envVars=[]; //xml is a xml response sent from server $(xml).children(‘product’).each(function(){ $(this).children(‘envvars’).each(function(){ $(this).children(‘variable’).each(function(){ var row={}; isPresent=true; row.name=$(this).attr(‘name’); row.value=$(this).attr(‘value’); envVars.push(row); }); }); }); jQuery(“#tblEnvvars”).jqGrid({ datatype: “local”, data: envVars, colNames:[‘Name’,’Value’], colModel:[ {name:’name’,index:’name’, align:”left”}, {name:’value’,index:’value’, align:”left”} ], pager : ‘#EnvvarsGridpager’, rowNum:10, rowList:[10,50,100], scrollOffset:0, height: ‘auto’, autowidth:true, viewrecords: true, gridview: true }); jQuery(“#tblEnvvars”).setGridParam({rowNum:10}).trigger(“reloadGrid”); jQuery(“#tblEnvvars”).jqGrid(‘filterToolbar’,{stringResult: true, […]

jqGrid – 保存复选框选中状态

检查jqGrid中页面的复选框会清除所选的复选框。 因此,如果我检查第1页上的某些复选框,然后单击“下一步”转到第2页,然后返回第1页,则不再选中所选复选框。 有没有办法在jqgrid中在客户端处理这个?

jqGrid不会填充数据

我正在尝试使用来自Web服务的数据填充jqGrid。 我已经彻底查看了jqGrid代码和文档。 我需要另一组眼睛来查看下面的代码并告诉我我是否遗漏了一些东西。 正如您在代码中看到的那样,我将网格设置为在页面加载或刷新期间加载。 网格加载后,我进行Ajax调用以获取JSON数据(再次)并显示在网格下方的div中。 我看到了大部分预期的行为。 页面加载后,网格显示加载指示符,然后启动Ajax调用,并在网格下方显示JSON数据。 问题是网格完全是空的。 列标题是正确的,但网格正文中没有数据。 这是代码: $(document).ready(function () { $(‘#resultDiv’).html(”); $(‘#waitIndicator’).hide(); $(“#list”).jqGrid({ datatype: ‘json’, url: ‘WeatherDataService.svc/GetWeatherData’, jsonReader: { root: “Rows”, page: “Page”, total: “Total”, records: “Records”, repeatitems: false, userdata: “UserData”, id: “StationId” }, loadui: “block”, mtype: ‘GET’, rowNum: 10, rowList: [10, 20, 30], viewrecords: true, colNames: [‘Station ID’, ‘Station Name’, ‘Timestamp’, […]