{"id":1960,"date":"2022-08-30T15:20:53","date_gmt":"2022-08-30T15:20:53","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2013\/12\/05\/cannot-toggle-checkboxes-on-grid-with-a-selectall-checkbox-collection-of-common-programming-errors\/"},"modified":"2022-08-30T15:20:53","modified_gmt":"2022-08-30T15:20:53","slug":"cannot-toggle-checkboxes-on-grid-with-a-selectall-checkbox-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2022\/08\/30\/cannot-toggle-checkboxes-on-grid-with-a-selectall-checkbox-collection-of-common-programming-errors\/","title":{"rendered":"Cannot toggle checkboxes on grid with a selectall checkbox-Collection of common programming errors"},"content":{"rendered":"

I want to be able to select\/unselect checkboxes for a specific column in a grid.<\/p>\n

It gets an error inside the JS “onUPCSelectAll” function on the eval statement as follows: JS runtime error: Object doesn’t support property or method ‘SetChecked’<\/strong><\/p>\n

During debugging, I am able to see that my id value is:<\/p>\n

$(this)[0].id = \"PrintCallbackPanel_selectAllUPCCheckBox\"\n<\/code><\/pre>\n
My source code does indeed have this particular id set up, but, you can see where the id value actually places an “_S” onto the end of the control name.<\/p>\n
Select\/Unselect all UPC rows<\/p>\n
The “SetChecked” method produces the following:<\/p>\n
eval($(this)[0].id).SetChecked = function(isChecked) {\n  this.SetCheckState(isChecked ? ASPxClientCheckBoxCheckState.Checked : ASPxClientCheckBoxCheckState.Unchecked);\n }\n<\/code><\/pre>\n
and finally, the full line produces an undefined value<\/p>\n
?eval($(this)[0].id).SetChecked(s.GetChecked());\nundefined\n<\/code><\/pre>\n
HTML:<\/strong><\/p>\n<\/td>\n<\/td>\n
HTML Grid:<\/strong><\/p>\n
\n        \n        \n            \n                \n                    \n                    \n                \n                <\/code><\/pre>\n\n\n
\n\n\n\n
<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/tr>\n<\/table>\n<\/td>\n<\/tr>\n<\/table>\n\n\n\n
<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n<\/tr>\n<\/table>\n\n\n
<\/td>\n<\/tr>\n<\/table>\n\n\n\n
<\/td>\n<\/tr>\n
<\/td>\n<\/tr>\n<\/table>\n
JS:<\/strong><\/p>\n
function onUPCSelectAll(s, e) {\n    $('[id*=\"selectAllUPCCheckBox\"]').each(function () {\n        eval($(this)[0].id).SetChecked(s.GetChecked());\n    });\n};\n\nfunction onMPCSelectAll(s, e) {\n    $('[id*=\"selectAllMPCCheckBox\"]').each(function () {\n        eval($(this)[0].id).SetChecked(s.GetChecked());\n    });\n};\n<\/code><\/pre>\n
    \n
  1. \n
    You select all checkboxes’ Ids start with lower case s<\/code> and you’re using a capital S<\/code> in the jQuery selector.<\/p>\n
    Change the code to:<\/p>\n
    function onUPCSelectAll(s, e) {\n             $('[id*=\"selectAllUPCCheckBox\"]').each(function () {\n                 eval($(this)[0].id).SetChecked(s.GetChecked());\n             });\n         };\n\n         function onMPCSelectAll(s, e) {\n             $('[id*=\"selectAllMPCCheckBox\"]').each(function () {\n                 eval($(this)[0].id).SetChecked(s.GetChecked());\n             });\n         };\n<\/code><\/pre>\n
    The selector is case sensitive.<\/p>\n<\/li>\n<\/ol>\n
    Originally posted 2013-12-05 16:32:08. <\/small><\/p>","protected":false},"excerpt":{"rendered":"
    I want to be able to select\/unselect checkboxes for a specific column in a grid. It gets an error inside the JS “onUPCSelectAll” function on the eval statement as follows: JS runtime error: Object doesn’t support property or method ‘SetChecked’ During debugging, I am able to see that my id value is: $(this)[0].id = “PrintCallbackPanel_selectAllUPCCheckBox” […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1960","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/1960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=1960"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/1960\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=1960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=1960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=1960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}