Tag: free jqgrid

免费的jqGrid搜索参数在filterToolbar中消失

我使用的是freejqGrid版本4.13.1。 我刚刚添加了filter工具栏的代码,该代码正常工作,但搜索后搜索参数消失了。 搜索工作和一切,但我想将该文本留在工具栏中,直到使用(x)清除。 $(‘#jqGrid_destroyed’).jqGrid({ url:’/url.php’, height: ‘auto’, shrinkToFit: true, width: Math.floor($(window).width()*1), datatype: ‘json’, mtype: ‘POST’, colNames:[ ‘Flat ID’, ‘Customer’, ‘Flat #’, ‘MiscCode’, ‘Item Number’, ‘Item Description’, ‘plus’, ‘RevDate’, ‘Created Date’, ‘Plate/Flat in QA’, ‘Computer Files to Waiting Destruct’, ‘Plates/Flat Destroyed’, ‘Date Confimation Sent to Customer’ ], colModel:[ {name:’flat_id’,hidden:true}, {width:14,name:’Customer’}, {width:10,name:’flat_plate_num’}, {width:13,name:’MiscCode’}, {width:20,name:’item_number’}, {width:45,name:’item_description’}, {width:12,name:’plus’}, {width:16,name:’revdate’}, […]

jQgrid工具栏搜索 – 从任何列动态删除搜索框

我正在使用jqgrid版本4.4.4,现在我正面临一个与工具栏搜索相关的问题。 正如我在标题中提到的,我想在渲染网格期间或之后“动态地”从任何列中删除工具栏搜索的搜索框。 我谷歌它但我没有找到任何相关的解决方案我的这个问题。 我像这样使用了selColProp属性 $(‘#’).jqGrid(‘setColProp’, ‘LotNo’, { search: false }); 由于某些逻辑原因而在loadcomplete函数中提到。 如果有人知道如何做到这一点,请分享您的宝贵意见。 更新:现在我使用免费的jqgrid版本4.9.2,这个function也没有发生在它上面。

使用jqgrid以与搜索完成相同的方式进行过滤

让我看看能否解释一下…… 我有一个产品网格,搜索工作正常,我已经设置了一个自定义按钮来过滤json中不在网格中的特定项目,现在我正在进行ajax调用(使用VisualForce)获取json然后我在使用json加载网格之前将其存储在全局变量中,然后加载网格。 当选择filter时,我构建了包含filter的json的临时数组,然后将产品网格设置为新数组。 然后我有一个重置,所以如果更改或删除filter,它将首先获得我之前设置的全局并重新应用一个新的filter,但是当我clearGridData它时,它会清空我的全局变量,所以当我点击重置它时以零行重新加载网格。 我猜我正在做的是错误的方法,所以我想知道搜索是如何工作的,你搜索的项目只显示网格中的匹配项,然后只需按下重新加载它就会将所有记录重新加载回网格中。 我需要我的filter工作有点相同。 var cart = []; var cartMade = false; var cartSubmitted = false; var sfOpportunityId; var filteredProducts = []; var fullProductList = []; function GetFilteredProducts(){ //reload products with filtered array var products = $(“#productsTable”).jqGrid(‘getGridParam’,’data’); var selected = $(“#filterByFieldDropDown option:selected”).val(); switch(selected){ case “common” : filteredProducts = $.grep(products, function(value) { return value.IsCommonItem […]

设置data属性时,jqGrid getLocalRow返回false

使用getLocalRow和data属性时遇到问题 var $grid; getGrid = function () { $grid = $(“list”); $grid.jqGrid({ mtype: “POST”, colNames: [], colModel: [ …. ], pager: “”, loadonce: true, multiselect: true, gridComplete: function () { var data = $(this).getDataIDs(); for(var i=0; i < data.length;i++){ $(this).setSelection(data[i]); // select all rows by default } }, loadComplete: function (data) { }, loadError: function […]

JQGRID,过滤后获取所有行

过滤JQgrid后,我无法获得所有行{paginated}。 我试过了 > var myData = grid.jqGrid(‘getGridParam’, ‘data’); var myData = grid.jqGrid(‘getRowData’); 但第一个选项提供所有行,这些是未过滤的行。 第二个返回过滤的行,但只返回第一页。 在小提琴示例中,如果您在客户端列中键入test,则有6个过滤结果,但第一个选项返回所有7个记录,第二个选项仅返回5个记录{即仅从第一页}。 我需要显示6个过滤记录。 结果记录在控制台中。 这是小提琴

在Jqgrid中如何显示由用户通过内联编辑在数据库中更新的下拉值

下面是代码,其中用户选择的下拉列表在数据库中得到更新,但刷新页面后我想显示用户之前选择的数据库中的值。现在刷新页面后单元格为空白。善意的帮助。 $qr=”SELECT id,`emp_id`,`emp_name`, `att_date`, `emp_join_date`, `intime`,`outtime`,`Total_Hours`,`OT Hours`,`Status` FROM `db_emp_attendance` WHERE Status=’Absent’ and att_date=’2017-04-01′”; $q = mysql_query($qr); $rows = array(); while($r = mysql_fetch_assoc($q)) { $rows[] = $r; } $json_data=json_encode($rows); ?> var lastsel2 jQuery(“#rowed5”).jqGrid({ datatype: “local”, height: 400, autowidth: true, colNames:[‘ID’,’Emp ID’,’Name’, ‘Join Date’,’Attendance Date’, ‘Time In’,’Time Out’,’Total Hours’,’OT Hours’,’Status’,’leave_type’], colModel:[ {name:’id’,index:’id’, width:75,align:”center”,key: true}, {name:’emp_id’,index:’emp_id’, width:75,align:”center”}, {name:’emp_name’,index:’emp_name’, […]

如何使免费的jqrid字体真棒动作按钮更大

使用带有字体真棒图标集的免费jqgrid 4.8。 标准操作按钮使用colmodel定义 [{“name”:”_actions”,”search”:false,”width”:(37+15)+45 ,”sortable”:false,”formatter”:”actions”,”viewable”:false,”formatoptions”:{“editbutton”:true,”keys”:true ,”delbutton”:true}] 使用代码添加其他按钮 如何在jqgrid中的动作按钮之前添加按钮 但即使在此代码中使用了字体真棒类,它们也会显示为jquery ui按钮。 使用JQgrid设置行高的代码增加jqgrid行高 .ui-jqgrid tr.jqgrow td { height: 2.8em !important; } 但内联格式化程序操作按钮对于平板电脑来说太小了。 工具栏按钮大小增加使用 .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div > span { font-size: 20px; } 从如何使jqgrid顶部工具栏自定义按钮更像标准按钮,但这不会影响内联操作按钮。 我试着用 .ui-icon { zoom: 1.5; } 但这只会改变jquery ui动作按钮。 如果使用字体真棒,如何增加内联操作按钮的大小? 如何使用自定义jquery ui动作按钮的字体真棒图标按钮?

如何在创建jqgrid后应用列模板

免费的jqgrid在创建后不会应用列模板。 我试过了 var newOrderPriceTemplate = { align: “center”, formatter: “showlink”, formatoptions: { onClick: function() { alert(‘clicked’); } } }; $(function () { … code to create jqgrid into $grid $grid.jqGrid(‘setColProp’, ‘Hind’, { template: newOrderPriceTemplate, search: false }); }); 如果在列中单击,则不会出现警告框。 search:false正确删除搜索字段,以便执行setColProp。 如何在创建jqgrid之后但在显示之前应用newOrderPriceTemplate。 如果在创建时在colModel中指定了模板,则它可以正常工作。 使用最新的免费jqgrid,jquery,bootstrap 3,aps.net mvc4,.net 4.6。

JQGrid子网格错误如何修复?

我试图根据我在网上遇到的例子生成一个带子网格的JQgrid但是我使用的是json服务而不是本地数据。 通过使用嵌套的JSON数据,嵌套的json数据用于子网格部分。 当我尝试创建网格时,我不断收到此错误“ SyntaxError:JSON位置26 200的意外令牌i OK ” 我做错了什么或错过了什么? 我的代码在下面,我的小提琴在这里 我的代码 $(document).ready(function() { var jsonData = { id: 48803, thingy: “DSK1”, number: “02200220”, status: “OPEN”, subgridData: [{ num: 1, item: “Item 1”, qty: 3 }, { num: 2, item: “Item 2”, qty: 5 }] }, { id: 48769, thingy: “APPR”, number: “77733337”, status: “ENTERED”, subgridData: [{ […]

jqGrid – 在内联编辑时选择单元格的文本

第1部分)在我的网格中,我有一些可编辑的列,我想在线编辑。 但是,当我选择任何特定单元格并且该单元格上的内联编辑可用时( editable: true ),它应该选择要编辑的文本。 例如,如果这是默认网格: 然后在选择Quantity中的任何单元格时,结果应该是这样的: 当我们单击一个单元格来编辑jqGrid中的那一行时,当前的实现不会像这样突出显示所选的文本。 有没有办法实现这个目标? 第2部分)根据Oleg的建议迁移到这个问题 网格代码: jsFiddle 注意:我的真实应用程序数据类型是JSON