Tag: free jqgrid

免费jqGrid 4.8.0 – 向工具栏添加按钮

我了解到有一个选项可以通过添加工具栏向网格添加工具栏:[true.’top’](用于在网格顶部添加空工具栏的示例)。 如何向该工具栏添加按钮? 我知道jqGrid(’navButtonAdd’,nameOfPager)是如何工作的,并且对于toppager选项也很熟悉,但是不知道如何向上面提到的工具栏添加按钮。 谢谢,

免费jqGrid 4.8.0 – autoResize问题

在尝试重新创建它之后,我终于能够将错误上传到jFiddle。 我注意到这一点,因为我从4.7.0移植,但无法确定问题的确切位置。 描述问题的jFiddle是在jFiddle演示 这就是问题: 如果将autoResize设置为true,并且网格中的行数超过网格高度 (以便您开始在右侧看到过度滚动),则每次双击都会对列进行自动resize,整个网格将缩小,并且每增加一次点击,它就会越来越萎缩 。 (只需单击session_status和end_time之间的列resize,您将看到它们正在变化,而网格宽度一直在缩小)。 如果您使用jFiddle并且行数小于高度,则网格按预期工作,只需执行$(‘#jqGrid’).jqGrid(‘setGridHeight’, 500, false); (只需单击session_status和end_time之间的列resize,您将看到它们正在更改,而网格宽度保持不变)。 我很难在jFiddle上找到问题,因为只有在线数高于网格高度时才隐藏它。 有什么方法可以解决这个问题吗? (ps这只是我继续用于演示的一个例子,所以没有把它移到模板上) 谢谢, 塔尔。

免费jqGrid:如何更改图标和syles布局

我使用Bootstrap CSS作为样式。 如何更改网格上使用的图标。 此外,我需要使表更改,因为它不能很好地呈现。 请告知API可以分配哪些类别或图标? 另外,如何支持CSS的“范围”? 这样它不会与原始应用程序冲突? 更新1我已经完成了Oleg提出的尺寸和字体更改,并且效果很好! 现在,我需要知道如何更改这些图标或增加它们的大小? 看截图

如何在高级搜索对话框中指定只读字段的值

我正在寻找一种方法,允许用户在最新的免费jqgrid中的高级搜索对话框中指定vlaue。 我尝试下面的代码并选择了高级搜索对话框。 税区是只读的,不能更改。 如何解决这个问题? Demonstrats loadFilterDefaults:true option .ui-datepicker { font-size: 76.39%; } $.jgrid = $.jgrid || {}; $.jgrid.no_legacy_api = true; <!—-> //.datepicker-dropdown”); if ($gBox.length > 0 && $datepicker.length > 0) { $datepicker.css(“top”, this.getBoundingClientRect().top + window.pageYOffset + $(this).outerHeight()); } }); } else { // use jQuery UI datepicker $elem.datepicker({ dateFormat: “dd-M-yy”, autoSize: true, changeYear: true, changeMonth: […]

如果从高级搜索对话框中删除行,如何清除工具栏中的filter值

如果从高级searxh对话框中删除它们,则自由jqgrid不会清除filter工具栏中的值。 要重现,请打开高级searcg对话框 http://www.ok-soft-gmbh.com/jqGrid/OK/formEditOnDoubleClick-jqueryui-fa-bootstrap.htm 通过单击减号按钮删除这两个条件按下查找按钮后,搜索工具栏仍然包含这些值。 怎么解决这个问题?

如何在最新的免费jqgrid中修复filterToolbar中的exception

使用创建Jqgridfilter工具栏 $(function () { $grid.jqGrid(‘filterToolbar’, { // this is line myapp.js:797 in stack trace below stringResult: true, searchOnEnter: true, defaultSearch: ‘cn’ }); }); 使用来自github的最新jqgrid会导致filterToolbar出错: Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined url http://localhost:52216/admin/Scripts/jqgrid/js/jquery.jqgrid.src.js lineNumber 8924 column 24 如何解决这个问题? 堆栈跟踪如下。 TypeError: Cannot read property ‘toUpperCase’ of undefined at parseFilter (http://localhost:52216/admin/Scripts/jqgrid/js/jquery.jqgrid.src.js:8924:24) at HTMLTableElement. (http://localhost:52216/admin/Scripts/jqgrid/js/jquery.jqgrid.src.js:9255:23) at Function.jQuery.extend.each […]

如何强制jqgrid使用查询字符串中的OData查询数据

免费的jqgrid使用读取远程json数据 $.jgrid.useJSON = true; $.extend(true, $.jgrid.defaults, { mtype: ‘GET’, url: ‘@Html.Raw(Url.Action(“Entity”, “API”,))’ } ); 搜索窗口是使用定义的 $.extend(true, $.jgrid.search, { multipleSearch: true, recreateFilter: true, closeAfterSearch: true, overlay: 0, recreateForm: true }); 如果按下搜索按钮,则会创建丑陋的filter查询字符串参数 http://localhost:52216/admin/API/Entity/DoklstlG?search=true&nd=1448746804617&rows=20&page=1&sidx=customer&_sord=desc&filters=%7B%22groupOp%22%3A%22AND%22%2C%22rules%22%3A%5B%7B%22field%22%3A%22Klient_nimi%22%2C%22op%22%3A%22cn%22%2C%22data%22%3A%22a%22%7D%5D%7D 如何更改此url,尤其是以OData格式生成的filters子句? 我阅读了jqgrid OData插件wiki文章,但还没有找到这种可能性。

如何停止Jqpivot的自动排序?

以下jqpivot网格显示汽车租赁的销售信息。 完整的代码是在jsfiddle中 var data = [{ “id”: 1, “make”: “toyota”, “model”: “corolla”, “fuelusagecity”: “17”, “fuelusagehwy”: “12”, “fuelmeasure”:’Litre’, “salesaboveavg”: false, “totalnumberofsales”: 120000.0000, “highsalestext”: null, “salesdate”: “2010-12-01” }, { “id”: 2, “make”: “toyota”, “model”: “corolla”, “fuelusagecity”: “10”, “fuelusagehwy”: “14”, “salesaboveavg”: false, “fuelmeasure”:’Litre’, “totalnumberofsales”: 100000.0000, “highsalestext”: “HIGH”, “salesdate”: “2010-12-15” }, { “id”: 3, “make”: “toyota”, “model”: “belta”, “fuelusagecity”: […]

free-jqGrid 4.13.4多选工具栏filter无法正常工作

我查看了有关在jqGrid的filter工具栏中使用Multiselect小部件的所有问答。 我注意到在几乎所有的解决方案中,jqGrid版本和jquery版本都不是当前版本。 我正在使用jqGrid(4.13.4)和jquery(3.1.1)以及jqueryUI(1.12.1)的最新版本。 我已经在我的javascript中尝试了示例代码。 它加载正常,但是当我尝试从多选中选择任何值时,即使取消选择多选中的值,网格也会清除并保持清除状态。 我只是想确保这个解决方案适用于我正在使用的最新版本的free-jqGrid,jquery和jqueryUI。

如何在自动resize上设置日期搜索工具栏字段宽度

我正在寻找一种在autoresize上设置日期工具栏搜索字段宽度的方法。 我试过代码 如何使搜索工具栏中的html5日期字段尊重列宽 评论: var serverResponse = { “page”: “1”, “records”: “3”, “rows”: [ { “Id”: “1”, IsActive: “2015-01-09” }, { “Id”: “2”, IsActive: “2015-01-05” }, { “Id”: “3”, IsActive: “2015-01-21” } ] }, dateTemplate = { sorttype: “date”, formatter: “date”, formatoptions: { srcformat: “Ymd”, reformatAfterEdit: true }, autoResizing: { minColWidth: 50 }, autoResizable: true, […]