row not editable if image is present

Questionsrow not editable if image is present
Metacowboy asked 8 years ago

Some Edit function brakes if a image is present in the row
As soon formater = image turns in Row will return a jquery error if you try to save it and no change to fields.
Just saw same error is in the Demo with the google logo image .
The error also repeats if Field use formater checkbox

anyway would be nice to find a fix love the tables look and feel

thank you for the great work

4 Answers
Abu Ghufran answered 8 years ago


Can you update the url and actual steps to regenerate this issue.
I am unable to reproduce it.


metacowboy answered 8 years ago

Had the error in your demo center appearance Image demo yesterday but not anymore ,.Still on my local Mamp install.

Chrome /Firefox Browser
jqgrid v 4.3.1 ui-black
return error in consol Firbug
SyntaxError: missing ) after argument list

jQuery('#list1').editRow('<img width='50' height='50' src=';

Cell format with different hacks suggested by user

$col = array();
$col["title"] = "Image"; // caption of column
$col["name"] = "profileimage"; // grid column name, must be exactly same as returned column-name from sql (tablefield or field-alias)
$col["width"] = "10";
//$col["link"] = "{profileimage}";
//$col["linkoptions"] = "target='_self'";
//METAERROR in Editor mode only
$col["formatter"] = "image"; // format as image —
//$col["default"] = "<img height='50' width='50' src={profileimage}>";
$col["formatoptions"] = array("width"=>50,"height"=>50);
//$col["formatoptions"] = "<img height='50' width='50' src={profileimage}>";
$col["search"] = false;
$col["align"] = "center";
$col["editable"] = false;
//$col["editrules"] = array("url"=>true);
//$col["editoptions"] = array("src"=>'{profileimage}');
$cols[] = $col;

Dont get it to work properly only if formater is commented out it works,same happen with the formater option checkbox . Rendered html looks fine

Abu Ghufran answered 7 years ago


I'd recommend to use 'default' param instead of image formatter.
$col["default"] can contain any html code you wish to show in grid cell.

Apologies for late reply.

Abu Ghufran answered 7 years ago

And one more thing, the image cell is non-editable.
You can have another column to change that image data.

Refer File uploading example for more help.


Your Answer

1 + 18 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.

How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?