Questions tagged [jqgrid]

jqGrid is a revolutionary jQuery plugin with Ajax functionality that offers an outstanding solution for effectively displaying tabular data on websites.

Ways to conceal the jqgrid thumbnail

I have a jqgrid that displays a large amount of dynamic data. I am looking for a way to hide the thumb of the vertical scrollbar in the jqgrid when scrolling using the mousewheel. Here is a basic example: var data = [ [48803, "DSK1", "", "02200220", "O ...

Steps to create a hover effect that alters the appearance of another chosen "element"

For instance, I have two classes named A and B. I want to be able to change the appearance of B when I hover over it, such as its color or size. I am unsure if this can be achieved using CSS and the onmouseover event. I am including a snippet of code that ...

Having trouble printing webpages? Need a useful tutorial on how to print web pages created using jQuery UI, jqGrid, and Zend?

I have been tasked with printing web pages of a website that utilize jqgrid, Jquery calendar, various Jquery UI components, and background images. The server side is built with Zend Framework. Although I lack experience in web page printing, this has beco ...

Experience a dynamic search feature seamlessly integrated within the jqGrid interface

I tried implementing the integrated Search toolbar from jqgrid demos, but I'm facing an issue. Unlike the demo where search is triggered as soon as a character is entered, in my case I have to press enter for it to initiate the search. Can anyone point out ...

Tips on expanding the row number column width in jqGrid

Within my JQuery Grid, I am utilizing a parameter called rownumbers. jQuery("#dateInfo").jqGrid({ url : theURL, datatype : "json", sortable: false, colNames:['Date & Time'], colModel:[{name:'arrivalTime',index:'arrivalTime& ...

I'm currently exploring jqgrid with jquery and I'm curious about how to modify the URL for my AJAX request. Can anyone provide

After following the tutorial and successfully implementing it with my data, I realized that the code is set up in a hard-coded manner. For instance, in the working tutorial, the code snippet is as follows: jQuery(document).ready(function(){ jQuery("#li ...

What is preventing the table from extending to the full 100% width?

Displayed above is an image showing an accordion on the left side and content within a table on the right side. I have a concern regarding the width of the content part (right side) as to why the table is not occupying 100% width while the heading at the ...

jqGrid is throwing an error: undefined is not recognized as a function

Currently, I am in the process of trying to display a basic grid on the screen. Following the instructions provided in the jqGrid wiki, I have linked and created scripts for the required files. One essential css file, jquery-ui-1.8.18.custom.css, was missi ...

"Enhancing JqGrid functionality with inline editing and custom formatters

I'm currently working with a column model that looks like this: { name: 'CostShare', index: 'CostShare', width: 50, formatter: 'number', formatoptions: { decimalPlaces: 2, suffix: "%" }, resizeable: true, align: 'center', editable: true, edittype: 'text', ...

Troubleshooting a Problem with the Horizontal Scrollbar in Dynamic jqGrid

Currently, I am working on an ASP.net MVC project where I have implemented both dynamic and static jq grids. However, I am encountering an issue with the horizontal scroll bar in my application. To address this problem, I attempted to modify the overflow ...

In jqGrid's gridComplete event, we can use the getRowData method to retrieve the value of a

Seeking guidance on extracting variables from jqGrid getRowData method While iterating through rows, I simply want to retrieve the ID and Phrase column values into separate variables gridComplete: function () { var allRowsInGrid = $('#list'). ...

How can I effectively address issues with jqGrid's sorting and paging functionality?

After making changes to the server-side code, it now looks like this: int nm = objects.ToList().Count; if (objects.ToList().Count > 0) return new PagedList(objects, nm, 1, 25, null); else return null; The JSON data has been updated as follows ...

Tips for concealing a column within a jqgrid subgrid

Is there a way to conceal a column within a subgrid? Many thanks! ...

Shut down the angular modal

I am currently learning AngularJS and I find myself working on an application that utilizes both angular modal and jqGrid. (I understand this may not be the ideal setup, but for now, I have to make it work with both.) The content of my modal is loaded usi ...

Can you easily choose specific rows within a group in jqGrid?

Currently, I am working on customizing a jqGrid that is grouped based on the state or province. Each individual row within the group contains a checkbox. My goal is to insert a checkbox in the group header that will enable users to either select or deselec ...

Deactivate filtering for the column in the header, while retaining it in the toolbar

I am currently working on implementing a jqGrid table. https://i.stack.imgur.com/d80M8.png My goal is to disable the filter functionality from the header column, while keeping it in the filter toolbar. Is there a way to deactivate the ui-search-input fo ...

Dealing with server responses in Jqgrid before they are sent to the grid

Dealing with a common structure of JSON data returned from the server that includes additional error information can be tricky. How can I efficiently handle this data, check for error info, and then only pass the required data to the grid? This is how the ...

A guide on utilizing the editUrl property in jQgrid with jQuery

Trying to implement dynamic edit/add of rows in jqgrid but facing issue with the editUrl attribute. Can someone please advise on: 1) Should the php file be kept in the server or within our application? 2) Currently using editurl: './data_save.php&ap ...

Access a document from a collaborative directory directly in a web browser

When I paste the shared path for a PDF file into the address bar, it opens perfectly in all browsers. The code below works fine in IE 8 but not in Chrome and Firefox. Code: function openPDF(file) { window.open(file, '_blank'); } function linkFormatter( ...

Sending data from JQuery to a PHP file

My JQGrid is set up to display bookings with a double click event: ondblClickRow: function(rowid) { rowData = $("#bookings").getRowData(rowid); var brData = rowData['bookref']; getGridRow(brData); }, The data then gets passed to the ...

Dealing with form submission issues in jQuery and jqGrids

Lately, I've been experimenting a lot with jqgrids and have almost everything set up the way I want it - from display to tabs with different grids. Now, I'm trying to utilize Modals for adding and editing elements on my grid. The issue I'm ...

creating dynamic column headers with JavaScript

I am looking for a way to make the column names dynamic so that I don't have to manually update them every time. Here is my code snippet: jqGrid11.prototype = { display : function() { $('body').append(this.html.join("")); $("#jqGrid").jqGrid({ url : " ...

Displaying group field data in one page on JQGrid when pagination is enabled

Is there a way in JQGrid to display group data on one page? Specifically, if displaying all items from an order would exceed the list limit, I want to only show data up to the previous order without exceeding the limit. How can this be achieved? ...

Guide on adding a request header to the ajax object in jqGrid

I am trying to add the 'Authorization' request header to the httpXMLRequest. In the grid definition, I attempted to set it through ajaxGridOptions as shown below: ajaxGridOptions: { Authorization: 'Basic YWRtaW5AZGVmYXVsdC5jb206YWRTwa6=&ap ...

Inquiry about JqGrid pagination

Is there a way to maintain paging and sorting parameters when navigating away from a page with a grid and returning to it? I'm wondering if I can use getGridParam to retrieve the page, rowNum, sortname, and sortorder parameters, store them in the URL scop ...

Navigating through ASP.NET MVC using jqGrid

I'm attempting to generate a link to a URL like home/details/1 within a jqGrid column. The provided documentation states: showlink {baseLinkUrl: '', showAction: 'show', addParam:'&key=2'} Please note that the addParam must contain &. For instance ...

Issue with jqGrid Multiple Selection

When constructing my jqgrid, I utilize the following code: multiselect: true This enables a check all column. However, clicking the check all checkbox (located at the header) selects all checkboxes, but does not click the checkboxes in each row. You can ...

The Jqgrid is not displaying any information from the JSON file

I'm currently engaged in a project using Codeigniter. My aim is to present some data in jqgrid retrieved from json using jquery. Despite no errors or exceptions, Jqgrid fails to display the data. $(document).ready(function(){ $("#company").click ...

Understanding the process of reading userData in jqgridORTips for accessing

Trying to figure out how to pass the userData to jqgrid, but struggling to find clear examples for guidance. Here's what I have attempted: Data sent from the server: { total: 25, page: currentpage, userData: {foo: 'bar'}, rows: myRo ...

An issue arises with Jqgrid where the pager fails to trigger a reload

I would like to find a way to programmatically navigate to the next page of my jqgrid while also refreshing the data. For example, I want the page to automatically change every 5 seconds and retrieve updated data. However, I'm currently experiencing an iss ...

Expand the grid with extra rows once it has been generated, especially when dealing with a large volume of database records, utilizing JQGrid or JSGrid

Having a large dataset (json) that takes too long to display in the grid for users, I'm looking for a solution. My idea is to initially run a filtered query (e.g. records from the current year) to quickly build the grid. Once the grid is presented to the ...

How can we ensure that the previous selection is cleared in jQgrid only if the checkbox is not clicked

I've set up a grid with the option for multiselect: true so that I can delete multiple rows at once. When the onSelectRow event is triggered, data related to the ID is loaded and shown to the user. Everything seems to be working fine in this example where ...

The jqGrid inside a tab disappears when the tab is switched in an ajax tab container

I'm working with an Ajax tab container that includes a jqGrid. Within the tab container, there are two tabs. The jqGrid in tab1 is loaded when the aspx page initially loads. In tab2, data is loaded upon clicking a button that changes the activetabindex to ...

Displaying related data in jqGrid using foreign keys

My jqGrid is connected to a JSON datasource provided by a WCF web service. The WCF method retrieves a list of ids showing the relationship between a user, branch, and role. For instance, a user can have different roles in different branches. [{"entityHash ...

Extremely sluggish pagination in JQGrid following the implementation of a filter through the filter toolbar

I've encountered a problem while using jqGrid with LOAD ONCE and client-side paging. The addition of a filter toolbar has significantly slowed down the paging process after applying any kind of filter. $(gridElement).jqGrid({ postData: post, ...

jqGrid JSON Parsing Issue

While utilizing jqGrid and JSON server responses, I am facing an issue with correctly mapping my JSON data. For instance, the server response appears as follows: [ {ID: 'cmp1', Name: 'Name1', Address: 'Address1', Phone: ...

ASP.Net MVC 3 incorporating the powerful features of JQGrid

Upon researching the JQGrid control, I made the decision to incorporate it into one of my ASP.Net MVC 3 Web applications. To start off, I followed Phil Haack's tutorial which was very helpful. I then attempted to implement a similar setup in my applicati ...

The jqGrid is not showing the AJAX JSON data as expected

Currently, I am exploring jqgrid and trying to figure out how to display data in another jqgrid when clicking on a specific colmodel. The retrieved data from the server goes through a function and reaches the grid, but no information is displayed without a ...

jqGrid is failing to display basic JSON data properly

As a newcomer to Jquery and Json, I am struggling with binding a JSON object from a RESTful Webservice written in WCF to jqGrid. Despite saving the JSON object as a static file and attempting to bind it to the grid, I realized that the issue does not lie w ...

Utilizing JQGrid to submit JSON data during editRow operations

My goal is to send json data to a server through a REST API. Currently, I have an issue where the 'serializeRowData' function is not called when clicking on the little '+' icon in the pager, but it is triggered when double clicking on a ...

jQuery Charset Grid

Currently, I am utilizing a jQuery Grid to present data written in Spanish. The data appears correctly with accents ( ´ ), but when attempting to search for data using accents, the server receives a corrupted string like ∫√ instead of the accented let ...

jqgrid's date restriction is set to November 30th, 1999 at midnight

I have a table displaying DATETIME values. However, after editing the datetime value, it always changes to "1999-11-30 00:00:00", both in jqgrid and the database, regardless of the date entered. [Tue Mar 12 11:39:28 2013] [error] [client 171.43.1.4] PHP N ...

Tips for maintaining grid width when columns are rearranged in the column menu

Is it possible to stop jqgrid from changing its width to full screen after column selection? I attempted the code below, following guidance from How to change column name in column chooser pop up in jqgrid? My aim was to create a column switcher function ...

"Retrieve data from an Excel file and either present it in a textarea or store it as an array

Is it possible to use JavaScript to read an Excel file and convert a single column (identified by name or index) into an array in JavaScript? ...

Troubles Encountered in Converting Date and Time to JSON Format

I am currently facing an issue where I need to convert a list<T> into JSON data and then bind it to Jqgrid. However, the problem I am encountering is that the list collection includes one column with DateTime values. Upon inspecting the resultant J ...

The date formatting issue persists in jqGrid 3.5 as the dates are not being displayed correctly

I have been experimenting with jqGrid 3.5.2 and currently, I am extracting data from a local JSON object. Upon researching date formatting, I realized that the dates in my JSON were not properly formatted, so I converted them all to ISO8601Long format. Now ...

Tips for extracting data from JQgrid rows

I've been working with Jqgrid, attempting to retrieve row values on the Context menu click event. Unfortunately, I haven't been successful in getting the values. Below is the code I've been using to try and obtain the row values: loadComple ...

Unable to display image in jqGrid binary format

In our system, we use a standard function to retrieve images stored as binaries in the database, and this function works seamlessly throughout the entire system. However, when implementing jqGrid, I encountered difficulties using the existing structure as ...

Looking for assistance with jqGrid

Is there a method to confirm if the grid has finished loading using a separate function? My goal is to automatically click on the first row and move that row to the second grid once this action occurs. jQuery("#search_grid").jqGrid('setGridParam&apo ...

Is there a way in jqGrid to invoke a function once the subGridRowCollapsed operation finishes?

I'm currently working with jqGrid's subgrids and I need a solution for invoking a specific method after collapsing a subgrid. Currently, my implementation is as follows: subGridRowCollapsed: function (subgrid_id, row_id) { adjust_slider_position(); } ...

Reorganize the JSON data to match the specified format

{ "EUR": { "Description": "", "Bid": "1.1222", "Region": "", "Bid1": "1.1283", "CurrencyCode": "EUR", "FeedSource": "1", "Ask": "1.1226", "ProviderName": "TEST 1", "Low": "1.1195", ...

There was a SyntaxError due to an unexpected token < appearing

I have been struggling for the past two weeks to find a solution to this issue, but without any success. I am using phpgrid from phpgrid.com, and I only encounter this error online when I upload it to the server. Each time I try to fill out a form with an ...

Does jqgrid navgrid have an event called "on Refresh"?

Is there a way to trigger an event before the grid automatically refreshes? I am looking for something similar to "onSearch" but for the reset button. Below is the code snippet for the navgrid: $("#jqGrid").jqGrid('navGrid','#jqGridPag ...

Loading data onto a different JQGrid when a row is selected using OnSelectRow

For the past few days, I have been struggling with a perplexing issue. Here's a brief overview of the problem - I'm working with JqGrid 4.2.0 (the latest version available at the time of writing) and have two grids on a single page. The left grid ...

The dropdown list in the edit form of jQgrid is displaying an additional quotation mark

In my MVC2 EditStatesController, I have the following code: public JsonResult GetStates() { string statesToReturn = GetStates(); // returns "1: Alabama; 2: Alaska; 3: Arizona; 4: Arkansas" return Json(statesToReturn); } ...

What steps do I need to take in order to modify information within a table using Symfony?

Working on my Symfony project, I frequently need to display various views in table format. I wish I could easily update the data by clicking on table cells, entering new information, and saving it dynamically. After exploring jqGrid, DataTable with jEdit ...

Strategies for extracting methods and refactoring to a separate file for better reusability

Still relatively new to the JQuery/javascript realm, I've put together a functional jqgrid with a datepicker and custom control (using jquery auto complete) by piecing together code samples I came across online. This code has been added to a T4 template in ...

Placing the toolbar of phpGrid at the top of the datagrid for easier access

I am attempting to relocate the toolbar and its icons to the top of the phpGrid Lite datagrid. I found this code in the phpGrid knowledge base: $dg->cust_prop_jsonstr = 'toppager:true,'; $dg->before_script_end = ' jQuery("#orders") ...

Blank display issue with jqGrid when using ASP.NET WebService as JSON data source

I'm stumped as to why this isn't functioning correctly. What's happening is that the end result is an empty grid with no JavaScript or XHR errors being reported. Here's the JavaScript code: var MyServiceURL = "MyService.asmx/"; funct ...

"Implementing a column template in jqgrid post-creation: A step-by-step

Can't apply column template with Free jqgrid once it's been created. I've attempted: var newOrderPriceTemplate = { align: "center", formatter: "showlink", formatoptions: { onClick: function() { alert('clicked&apos ...

JavaScript has been used to modify a cell's URL in jqGrid

Currently, I am utilizing struts2-jqgrid along with JavaScript. After the jqgrid has finished loading, it retrieves <s:url var="updateurl" action="pagosActualizar"/>. Subsequently, in the HTML view source, jqgrid generates options_gridtable.cellurl = ...