2013-01-12 2 views
1

팝업 편집 모드에서 검도 표가 있습니다. 팝업 양식의 첫 번째 입력란은 자동 완성 위젯입니다. 나는 팝업 폼이 나타날 때마다 그것에 초점을 맞추고 싶다. 다른 방법으로 시도했습니다.검도 격자의 팝업 편집 양식 첫 번째 필드에 초점 설정

$("#grid").kendoGrid({ 
    editor: 
     function(container, options) { 
      $('<input id="item_code_focus" name="' + options.field + '"/>') 
       .appendTo(container) 
       .kendoAutoComplete({ 
        ----- 
        ----- 
      }).focus() 
     } 
}); 

그러나 작동하지 않습니다. 도와주세요 ... ...

답변

1

그리드의 edit 이벤트를 시도해 볼 수 있습니다.

edit:function(e){ 
     e.container.data('kendoWindow').bind('activate',function(e){ 
      $('#autocomplete').focus(); 
     }) 

    }, 

편집 : 실제로는 activate 이벤트를 사용하여 포커스를 호출해야합니다. 여기에 example입니다. 편집을 사용할 때 @OnaBai 호출 포커스는 입력이 포커스를 잃게하지 않습니다. 실제로 애니메이션이이 동작을합니다.

+1

팝업 창이 열린 상태에서'focus'를 설정하면 포커스가 느슨해집니다. 너 해봤 니? 나는 당신이 타임 아웃을 설정하는 트릭을 할 필요가 있다고 생각한다. 뭔가 'setTimeout (function() {$ ("# item_code_focus", ev.container) .focus();}), – OnaBai

+0

Tbh 나는 전혀 작동하지 않을 수 있습니다;) http://jsbin.com/ edamuj/338/edit –

+0

사실, 당신은 할 수 있어요! 동일한 예제를 시도해보십시오. 그러나 "라이브 미리보기"모드로 열려면 오른쪽 상단 모서리 ("자동 실행 JS"의 오른쪽에있는 작은 화살표)를 클릭하십시오. JSBin이 백그라운드에서 뭔가를하는 것처럼 보입니다 .-D – OnaBai

관련 문제