2017-05-08 7 views
1

데이터 편집을 허용하는 CFGrid가 있습니다. 내가해야할 일은 onblur 또는 onchange 이벤트를 사용하여 jQuery를 통해 사용자 입력을 검증하는 것입니다. 하지만 내 jQuery 코드는 클래스를 사용하여 CFGrid 요소에 액세스 할 수 없습니다. 여기에 코드입니다.ColdFusion CFGrid : JQuery를 통한 입력 유효성 검사

$('.x-grid-cell-securityusers_ACTIVE').click(function(){    
    alert('click') ; 
}); 

은 그러나이 사건은 터지지 않 : 편집 가능한 cfgridcolumn가에 클릭하면

<td class=" x-grid-cell x-grid-cell-securityusers_ACTIVE " id="ext-gen1066"><div class="x-grid-cell-inner " style="text-align: LEFT; ;" id="ext-gen1067">No</div></td> 

위의 코드는 방화범을 보여줍니다 나는 다음과 같은 사용할 수 있어야합니다 그래서. 그리드를 보유하고있는 컨테이너 div가 클릭 이벤트를 생성하기 때문에 jQuery로드가 정상적으로 작동하는지 확인할 수 있습니다.

내 생각에 동적으로 생성되는 CFGRID는 JQuery에 등록되지 않습니다. 나는 또한 $(document).ready(function() { 아래에서 시도했지만 여전히 이벤트가 발생하지 자바 스크립트 코드가 있습니다.

아이디어가 있으십니까? 다른 방법이 있습니까?

감사합니다.

+0

당신은 html 그리드를 사용하고 있습니까? –

+0

예. 감사. 그것은 HTML 격자 – IrfanClemson

+1

두 개의 다른 라이브러리 (ExtJS 및 jQuery)에서 이벤트 모델을 혼합하려고 할 수 있습니다. 기껏해야 문제가되는 것입니다. – Leigh

답변

0

신경 쓰지 마세요. 내 생각에, 코멘트마다 ExtJS API를 연구하는 것이 올바른 접근법 이었지만, 쓸데없는 시도를 한 후에는 그 시간이 없었습니다. 그래서 폼 포스트 이후에 입력 데이터에 대한 ColdFusion 자체 검증 작업을 마쳤습니다. 약간 고통 스럽지만 작동합니다.

+1

사실 cfgrid와 같은 UI 구성 요소는 기본 JS 라이브러리의 구형 버전과 함께 번들로 제공되며 사용자 정의하기가 어렵습니다. IMO는 가장 좋은 옵션은 모두 삭제하는 것입니다. 원하는 JS 라이브러리를 직접 사용하십시오. 그렇게하면 lib의 원하는 버전을 사용할 수 있고 CF를 업데이트 할 때 해가되는 것에 대해 걱정할 필요가 없습니다. – Leigh

+1

이미 jQuery를 사용하고 있으므로 https://datatables.net/ –

+0

두 분 모두에게 감사의 인사를 전합니다. Datatables.net에 배경 지식이 있지만 읽기 전용 표 형식의 데이터 용이었으며 ColdFusion에서 편집을위한 '예제'를 보지 못했습니다. 그래서, 아마도 12 년 후, CFGrid에 또 하나의 시험을 제공하기로 결정했습니다. 구성하기가 너무 힘들다는 것을 알았습니다. 어쨌든, 나는 대부분의 작업을 마쳤습니다. CFGrid의 한계를 안다면 jQuery 접근 방식으로 시작했을 것이다. Adobe는 CF를 첫 걸음마로 간주합니다! – IrfanClemson