我在我的应用程序中使用grails richui autocomplete
字段。
它适用于我的静态文本框,但当我克隆文本框时,此功能不适用于克隆的文本框,甚至没有显示任何错误。
知道如何解决这个问题
这是我的代码:
<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。
最佳答案
当您克隆tr
时,它会克隆所有内容,其中包括由插件创建的javascript
。此克隆脚本使用文本字段
的id
使其自动完成
。需要更改此 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>
尝试一下......,.
关于jquery - Grails richui 自动完成克隆文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15608225/