GridViewRow에서 텍스트 상자 사용/사용 안 함

Question

모든 행에 대해 GridView에 확인란과 텍스트 상자가 있는데 그 상태에 따라 텍스트 상자를 사용하거나 사용하지 않도록 설정할 수있는 자바 스크립트를 작성하고 싶습니다. 확인란 (선택 또는 선택 취소). 나는 JS에 행 인덱스를 어떻게 든 써야한다고 생각한다. 이것이 가능한가?

Answer 1

덕분에, 난 그냥 포스트 백을 수행하여이 문제를 해결 일한 -하지 가장 좋은 방법을하지만 시간 제약으로 인해 그것은 논리적 인 선택이었다 내가 이것을 추가해야 할 유일한 것은 비활성화하는 것입니다

Answer 2

당신이 다음이 아주 쉽게으로 수행 할 수 있습니다 jQuery를 사용할 준비가 된 경우는 다음과 같습니다

$(document).ready(function() { 

    $('.grid tr').each(function() { 
     var r = $(this); 
     var c = r.find('.check'); 
     var t = r.find('.text'); 
     var f = function(c1, t1) { return function() { 
      if (c1.attr('checked')) { 
       t1.removeAttr('disabled'); 
      } 
      else { 
       t1.attr('disabled', 'disabled'); 
      } 
     }; 
     }; 
     c.click(f(c, t)); // attach click event handler 
     f(c, t); // set initial state 
    }); 
}); 

위 스크립트가있는 gridview 테이블이 grid CSS 클래스로 장식되어 각 텍스트 박스와 체크 박스로 장식되어 있다고 가정한다 check 및 text css 클래스입니다.

Answer 3

예.

는 다음을 수행하기 위해 필요한이 구현하려면 :

1. 체크 박스의 상태에 따라 텍스트 상자의 활성화/비활성화를 처리하는 일반적인 자바 스크립트 함수를 작성;
   예 : -
   function ManageControlEnabling(sourceCheckBoxId, affectingControlId)
{
var sourceCheckBox = document.getElementById(sourceCheckBoxId);
var affectingControl = document.getElementById(affectingControlId);
var shouldEnable = false;


   if (sourceCheckBox && affectingControl)
   {
   shouldEnable = sourceCheckBox.checked;

   if(shouldEnable) 
       affectingControl.disabled = false; 
   else 
       affectingControl.disabled = true; 
   

   }
}

2. 는 그리드보기의 행 - 데이터 바인딩 이벤트를 처리합니다. 체크 박스의 상태에 따라 텍스트 상자 (각 행)의 활성화/비활성화를 처리하기 위해 .Net 코드에서 유사한 기능을 구현합니다. 또한 JavaScript 기능을 확인란에 추가하십시오.
   예 : -이 도움이된다면
   

   CheckBox checkSource; 
   TextBox textAffecting; 
   
   
   checkSource = e.Row.FindControl("cbSource") as CheckBox; 
   textAffecting = e.Row.FindControl("tbAffecting") as TextBox; 
   
   
   if(checkSource != null) 
   { 
       textAffecting.Enabled = checkSource.Checked; 
   } 
   
   
   checkSource.Attributes.Add("onclick", "ManageControlEnabling('" + checkSource.ClientID + "', '" + textAffecting.ClientID + "', true);"); 
   

---

를 참조하십시오.

감사합니다. 모든 답변에 대한