如何在BootstrapDialog中的輸入元素上設置焦點

Question

我有一個帶有輸入元素和其他東西的BootstrapDialog，並且當BootstrapDialog出現時我需要在輸入元素上設置焦點。

這裏是我的代碼：

var instanceDialogClientDonneur = null; 
... 
if (instanceDialogClientDonneur == null ) { 
instanceDialogClientDonneur = new BootstrapDialog.show({ 
     title : titre, 
     cssClass : 'lieu-dialog', 
     modal : true, 

     closeOnEscape : true, 
     onhidden : function() {    
     instanceDialogClientDonneur =null; 
      }, 
     message : enteteZoneRecherche + resTab +"</div>" 
    }); 
} else { 
... 
} 

enteteZoneRecherche是這樣的：

<div class="row"><div class="input-group"><span class="input-group-addon">Rechercher</span><input type="text" id="code_recherche" value="" onkeyup="completerClient(event,this.id,'clientnom','Liste des clients','remplirZonesClientAdrEnvoi','',true);" class="form-control" placeholder="Tapez un code..."></div> 

和resTab：

<div id="tableauResultat" class="row" style="height:350px;overflow-y: scroll"><table class="table table-bordered table-hover"><tr><th>Code</th><th>Nom</th><th>Ville</th></tr><tr id="idTr_1106" onclick="remplirZonesClientAdrEnvoi(this.id);"><td>000006</td><td>ARSENE</td><td>Brest</td></tr><tr id="idTr_1107" onclick="remplirZonesClientAdrEnvoi(this.id);"><td>100004</td><td>ANQUETIL</td><td>BRIVES</td></tr></table></div> 

我需要將焦點設置 「code_recherche」。

我該怎麼做？

Answer 1

官方的引導文件給出了只是它 http://getbootstrap.com/javascript/#modals

從文檔

$('#myModal').on('shown.bs.modal', function() { 
    $('#myInput').focus() 
}) 

示例的示例使用BoostrapDialog類同樣的事情會像

onshown: function(dialogRef){ 
    $('#myInput').focus(); 
} 

因此，最終的代碼將看起來像

if (instanceDialogClientDonneur == null ) { 
    instanceDialogClientDonneur = new BootstrapDialog.show({ 
     title : titre, 
     cssClass : 'lieu-dialog', 
     modal : true, 

     closeOnEscape : true, 
     onhidden : function() {    
      instanceDialogClientDonneur =null; 
     }, 
     onshown: function(){ 
      $('#code_recherche').focus(); 
     } 
     message : enteteZoneRecherche + resTab +"</div>" 
    }); 
}