Guriddo » Topic: Formatter Checkbox handle change event

Formatter Checkbox handle change event

Guriddo
Formatter Checkbox handle change event

This topic has 4 replies, 2 voices, and was last updated 16 years, 6 months ago by njcalugar.

Creator

Topic
January 12, 2010 at 8:17 pm #75174

njcalugar
Participant

I apologize if this question is answered in the documentation or forum, but I am unable to find an answer to this.

I have a simple grid with three columns: id, name, isActive.

isActive is using the checkbox formatter. I simply want to capture changes to the isActive checkbox. I would like to know how to handle changes to each checkbox using JavaScript, but would also be interested in how to submit the status of all the checkboxes to the server when a “Save” button is clicked.

Thanks
Creator

Topic

Viewing 4 replies - 1 through 4 (of 4 total)

Author

Replies
January 13, 2010 at 1:01 am #92010

njcalugar
Participant

I figured how to get the values when a “Save” button is clicked by using the getCol method.

Anyone know how to add a click event to the inputs created by the checkbox formatter?

January 13, 2010 at 7:03 pm #92053

tony
Keymaster

Hello,

If you want custom click event you should use custo formatter

http://www.trirand.com/jqgridw….._formatter

something like:

function mycustomclick (val, options)

{

var checked = cval == 'yes' ? ” checked='checked' ” : “”;

return “<input type=\”checkbox\” ” + checked

January 15, 2010 at 2:05 am #92104

njcalugar
Participant

I can't get it to call my custom function, i'm trying to make sure it is getting called so I have an alert in the function and it is simply returning 'hello':

$(document).ready(function() {
jQuery("#listZones").jqGrid({ url: '/onemedia/creative/edit-get-zones/id/6', datatype: 'json', mtype: 'POST', multiselect: false, colModel: [{"name":"id","index":"id","width":1,"hidden":true,"key":true},{"label":"Items","name":"name","index":"name","sortable":false},{"label":"Linked","name":"link","index":"link","sortable":false,"width":60,"align":"center","formatter":"customFormat"},{"label":"CHECK TEST","name":"checkTest","index":"checkTest","sortable":false,"width":60,"align":"center","formatter":"checkbox"}], pager: jQuery('#pager'), rowNum: 10, rowList: [10,20,30,40,50], sortname: 'id', sortorder: 'asc', viewrecords: true, imgpath: '/js/jqGrid/themes/steel/images', caption: 'Applications / Zones', width: 600, height: 'auto', gridComplete: function(){ }, ondblClickRow: function(rowid, iRow, iCol, e){ }, onSelectRow: function(rowid, status){ }, treeGrid: true, treeGridModel: 'adjacency', ExpandColumn: 'name', cellEdit: false, cellsubmit: 'remote', cellurl: '' }); });
function customFormat(cval, options, rowObject) { alert('here'); var checked = (cval == 'yes')?" checked='checked'":""; return "hello"; }

January 15, 2010 at 2:23 am #92105

njcalugar
Participant

I think I'm doing the colModel incorrectly – I am using PHP code to generate the grid configuration and json_encoding a PHP array isn't correct because all the keys and string values are enclosed in quotes.
Author

Replies