복제 된 텍스트 상자에 대한 Grails richui 자동 완성

내 앱에 grails richui autocomplete 필드를 사용하고 있습니다. 정적 텍스트 상자에서는 정상적으로 작동하지만 텍스트 상자를 복제하면 복제 된 텍스트 상자에서이 기능이 작동하지 않으며 오류가 표시되지 않습니다. 이건 내 자동 완성 필드복제 된 텍스트 상자에 대한 Grails richui 자동 완성

입니다

<resource:autoComplete skin="default" />

최고

<richui:autoComplete name="filterLocation1" id="filterLocation1" delimChar=";" class="location_txtbox" action="${createLinkTo('dir': 'abc/yyy')}" style="margin-left:5px;"/>

에서 나는 같은 복제 오전 :

다음은이

를 해결하는 방법에 어떤 생각이 내 코드입니다 이

var counter = 1; 
$("#addRow").click(function() { 
counter++; 
var cln = $('#static_table tbody>tr:last').clone(true); 
cln.find("[id^='filterLocation']").each(function(i, val) { 
    val.id = val.id.match(/^([^0-9]+)[0-9]*$/)[1] + "" + counter; 
}); 

return false; 
});

전체 행을 복제하고 일부 숨기기/표시 작업을 수행하고 ID를 증가시킵니다.

출처

2013-03-25 user1934095

문제를 해결하는 방법에 대해 많은 생각을했지만 ... 코드를 보여 주어야합니다. – bipen

나는 코드를 수정하고 코드를 제공했습니다 ..... – user1934095

어떻게 jquery에서 자동 완성을 사용하고 있습니까? ? – bipen

tr을 복제하면 모든 콘텐츠가 복제되며이 파일에는 javascript 플러그인이 포함됩니다. 이 복제 된 스크립트는 text field의 id을 사용하여 auto complete이됩니다. 이 id 및 텍스트 필드는 복제 된 자동 완성 작업을 변경해야합니다.

는 그 ID를 변경하려면 다음 스크립트를 사용

<script type="text/javascript"> 
    var counter = 1; 
    function asd() { 
     var cloneContent = "<tr>" + $("#firstTrToClone").html().replace(/giveAUniqueId/g, "giveAUniqueId" + counter++) + "</tr>"; 
     $("#tableId").append(cloneContent); 
    } 
</script>

다음은 내 전체 작업 페이지입니다 :

<!DOCTYPE html> 
<html> 
<head> 
<resource:autoComplete skin="default"/> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    var counter = 1; 
    function asd() { 
     var cloneContent = "<tr>" + $("#firstTrToClone").html().replace(/giveAUniqueId/g, "giveAUniqueId" + counter++) + "</tr>"; 
     $("#tableId").append(cloneContent); 
    } 
</script> 
</head> 

<body> 
<g:form> 
<table id="tableId"> 
    <tr id="firstTrToClone"> 
     <td> 
      <richui:autoComplete name="name" id="giveAUniqueId" action="${createLinkTo('dir': 'oauthCallBack/test')}"/> 
     </td> 
    </tr> 
</table> 
</g:form> 

<button onclick="asd()">Clone</button> 

</body> 
</html>

이 .. 그것을 시도.

출처

2013-11-12 18:31:35 user1690588

복제 된 텍스트 상자에 대한 Grails richui 자동 완성

답변

관련 문제