此代码适用于不在面板中的gridview。但是当放入面板时，这段代码不起作用 [英] This code is working fine for gridview that is not in panel. But when put in panel this code is not working

问题描述

$(function () {
         debugger;
         //Enable Disable all TextBoxes when Header Row CheckBox is checked.
         $("[id*=chkHeader]").bind("click", function () {
             var chkHeader = $(this);
             alert("hi")
             //Find and reference the GridView.
             var grid = $(this).closest("table");

             //Loop through the CheckBoxes in each Row.
             $("td", grid).find("input[type=checkbox]").each(function () {

                 //If Header CheckBox is checked.
                 //Then check all CheckBoxes and enable the TextBoxes.
                 if (chkHeader.is(":checked")) {
                     $(this).attr("checked", "checked");
                     var td = $("td", $(this).closest("tr"));
                     td.css({ "background-color": "#D8EBF2" });
                     $("input[type=text]", td).removeAttr("disabled");
                 } else {
                     $(this).removeAttr("checked");
                     var td = $("td", $(this).closest("tr"));
                     td.css({ "background-color": "#FFF" });
                     $("input[type=text]", td).attr("disabled", "disabled");
                 }
             });
         });

         //Enable Disable TextBoxes in a Row when the Row CheckBox is checked.
         $("[id*=chkRow]").bind("click", function () {

             //Find and reference the GridView.
             var grid = $(this).closest("table");

             //Find and reference the Header CheckBox.
             var chkHeader = $("[id*=chkHeader]", grid);

             //If the CheckBox is Checked then enable the TextBoxes in thr Row.
             if (!$(this).is(":checked")) {
                 var td = $("td", $(this).closest("tr"));
                 td.css({ "background-color": "#FFF" });
                 $("input[type=text]", td).attr("disabled", "disabled");
             } else {
                 var td = $("td", $(this).closest("tr"));
                 td.css({ "background-color": "#D8EBF2" });
                 $("input[type=text]", td).removeAttr("disabled");
             }

             //Enable Header Row CheckBox if all the Row CheckBoxes are checked and vice versa.
             if ($("[id*=chkRow]", grid).length == $("[id*=chkRow]:checked", grid).length) {
                 chkHeader.attr("checked", "checked");
             } else {
                 chkHeader.removeAttr("checked");
             }
         });
     });

我尝试过：



请纠正此代码，以便在面板

What I have tried:

please rectify this code to work in panel

推荐答案

（ function （ ）{
调试器;
// 在选中Header Row CheckBox时启用禁用所有TextBox。

（ [id * = chkHeader]）。bind（ click ， function （）{
var chkHeader =

("[id*=chkHeader]").bind("click", function () { var chkHeader =

（ this ）;
alert（ 嗨）
// 查找并引用GridView。
var grid =

(this); alert("hi") //Find and reference the GridView. var grid =

这篇关于此代码适用于不在面板中的gridview。但是当放入面板时，这段代码不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！