Maximizing Efficiency with Single Click Line Editing in the Newest Version of jqgrid

There seems to be an issue with single click inline row editing in the latest free jqgrid from github master. BeforeSelectRow, clicking on a row to start inline editing causes an exception:

Uncaught TypeError: Cannot read property 'rows' of undefined Line 16181 Column 45TypeError: Cannot read property 'rows' of undefined    at showHideEditDelete

If you open this page in chrome and press the Kohe button so that it is in pressed state, then try to click on a line to start inline editing, the aforementioned exception occurs.

Are there any specific instructions on how to use single click inline row editing in the latest version of free jqgrid?

javascriptjquerycssjqgridfree-jqgrid

Answer №1

The issue at hand is that you inadvertently invoked the setFrozenColumns function twice, causing some internal structures to be destroyed by the second call. Skipping over the second invocation of setFrozenColumns in the debugger allowed inline editing to function properly.

I have just made changes that will prevent the second call of setFrozenColumns from being executed, as seen in this commit. However, I highly recommend removing the redundant second call of setFrozenColumns from your code altogether.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Personalizing Mat-Select Dimension - Angular 11

As a newcomer to Angular/Angular Material, I'm unsure if I need to write this code myself or if it's already predefined in a certain manner. The issue I'm experiencing is with the dropdown of the mat-select. The panel that appears when you c ...

cssangulardrop-down-menuangular-materialangular11

Utilizing jQuery to incorporate a radio input function in a POST request

When the Index.php page button is pressed, data is sent to the Resultx.php script page, which then responds with an asynchronous call back on the same Index.php page. index.php <script> $(document).ready(function() { $("#input_form").subm ...

javascriptphphtmljqueryjquery-events

Issue with SweetAlert2 cancel button being unresponsive while an ajax request is in progress

I have a custom function triggered when a dropdown item is selected, which triggers a sweetalert2 popup. Here's the function: function SwalPopup(ip, method) { var methodmsg = method.charAt(0).toUpperCase() + method.slice(1); swal.fire({ ...

javascriptajaxsweetalert2

Trouble with Installing Express

I have encountered an issue while trying to install express, despite following various solutions without success. Upon installation, I receive the message: npm WARN <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fb8c9e9988928f9 ...

javascriptnode.jsexpressnpm

jQuery-UI error: "Property 'step' is undefined"

After upgrading jQuery from version 2.2.4 to 3.1.1, we have encountered some intriguing errors. The jquery-migrate plugin helped resolve a few errors, but not all of them. The error displayed in the developer console in Chrome is proving difficult to locat ...

jqueryangularjsjquery-ui

Ways to fix the bootstrap image zoom issue

Here is my code snippet: https://i.sstatic.net/BJoAP.png Currently, I am attempting to ensure that the thumbnails adjust to the background zoom. I have been struggling to remove the black borders surrounding the thumbnails. If anyone can provide assista ...

javascriptcsshtmltwitter-bootstrapbootstrap-4

Is there a different technique I can use to display an axios response within a v-if statement? Any other methods I should

As a newcomer to Vue.js, I'm struggling with certain concepts even after extensively reading the documentation! My goal is to show a glyphicon when my API call returns true. However, since the call is within a for loop iterating over multiple items, ...

javascriptvue.jsaxios

The file jquery.ui.resizeable.js will not display any text if it is too large to fit within the container

While using the ui.resizeable.js plugin, I encountered an issue where dynamically loaded text or html files into a div would overflow outside of the container if it exceeded its size limit. After exploring various options, I realized that there was no buil ...

jqueryhtmlcss

Attempting to access a shared php/javascript library using mod_rewrite

Let's dive into a fresh perspective on a question I previously raised: I've crafted a mod_rewrite snippet that checks for the existence of JavaScript, CSS, and PHP files on the subdomain they are called from (e.g., subdomain.example.com). If the ...

phpjavascriptajaxapachemod-rewrite

Ways to conceal elements when a router link is clicked

Within my app.js, I have the App.js where I aim to display certain components upon clicking on the router. Below is the code snippet from my App.js: import React from 'react'; import {BrowserRouter, Route} from 'react-router-dom'; impo ...

javascriptreactjsreact-routerreact-component

"Differences between Yeoman components and vendor files in the context of software upgrading

Interested in exploring Yeoman and looking for information on updating a package. I have initiated an Angular project: yeoman init angular The current version included in app/script/vendor (also referenced in index.html) is AngularJS v1.0.1 How can I u ...

javascriptangularjsyeoman

Tips for successfully sending a string containing special characters to a server-side function

I am facing an issue with my basic app service that generates a title. The problem arises when special characters are passed from the client-side page to the server-side function, resulting in question marks being displayed. Is there a way to resolve this ...

javascriptc#angularjs

Is it possible for a lambda in TypeScript to have access to the class scope but return undefined

In my TypeScript code, I have a class used as a Pipe in Angular 2 to render markdown. It compiles successfully but encounters a runtime exception on a specific line: var Remarkable = require('remarkable'); @Pipe({ name: 'markdown' ...

javascripttypescriptangularscopethis

What seems to be the issue with this basic Node.js function not functioning properly?

I'm attempting to utilize a function that returns a boolean answer and then verifying it using if-else statements. function checkDNS(domain, tld) { var dns = require('dns'); dns.lookup(domain+'.'+tld, function (err, addres ...

javascriptnode.jsnodes

Aligment issues in columns on Bootstrap 5

I currently have a layout using Bootstrap 5 with multiple rows and columns. My goal is to have the columns aligned within each row, but I am experiencing issues where some borders are not lining up correctly with the columns. .VI-border { border-t ...

htmlcssbootstrap-5

Problem with onblur and onchange events not being triggered in input tag

After encountering this issue, I came to the realization that the events onblur and onchange function properly. However, I noticed that if your page contains only ONE <input type="text" onblur="loadXMLDoc()"> Change Content</input> The behav ...

javascriptajaxhtml

Focusing on a text field after reloading a different div with AJAX

I've been spending a lot of time figuring out the following issue and I'm hoping someone can help me find the solution. My web application has an input field (type="text") that is ready to accept user input when the page loads. When the user nav ...

javascripthtmlajax

I am experiencing technical difficulties with my API resulting in a 500 Internal Server Error

My application involves managing products using CRUD operations. I am able to successfully make an HTTP request to the /api/deleteProduct route in order to delete a product based on its ID. However, the issue lies with creating a new product as the functi ...

javascriptmongoosenext.js

Display a variety of body background images depending on the user's selection

Is it possible to change the background of the page when an option is selected from a dropdown menu? Additionally, can this be achieved with a smooth fade in and fade out animation? Here is a code example on CodePen. body ...

jqueryhtmlcss

Detecting Triple Taps on Mobile Devices

I've been trying to incorporate a triple-tap escape feature similar to The Trevor Project's Website. It functions flawlessly on laptops and desktops with a mouse. However, I'm struggling to detect the triple tap on mobile browsers because th ...

javascripthtmlcssiosmobile