如何解决将参数传递给kendo对话框jquery
我正在尝试将值传递给剑道对话框形式。请参阅我的以下代码。我需要将“ id”值传递给对话框。如何实现?谢谢 ! 按钮代码:
<span class="k-icon k-i-plus-circle" onclick="jobSplitDialogOpen('#: id #'); return false" title="Split Job"></span>
对话框html:
<div id="jobSplit-dialog" title="Job Split" style="background:#fffef8;overflow:hidden;display:none">
<span>#: id #</span>
<br />
<input type="button" value="Cancel" class="btn ez-btn ez-btn-cancel" onclick="onjobSplitDialogClose(); return false" />
<input type="button" id="apply" value="Apply" class="btn ez-btn ez-btn-primary" onclick="jobSplitSave(); return false" />
</div>
JavaScript:
var jobSplitDialog = $("#jobSplit-dialog").dialog({
autoOpen: false,height: "auto",width: "auto",modal: true,});
function jobSplitDialogOpen(id) {
console.log("Job Id"+id);
jobSplitDialog.parent().addClass("ez-dialog");
jobSplitDialog.dialog('open');
$('#apply').focus();
}
解决方法
您快到了。这是完成您要查找的内容的一种方法(我只是在将onclick设置为3时将id设置为onclick,您需要将其恢复为您的id值):
代码:
<span onclick="jobSplitDialogOpen('3'); return false;" title="Split Job">CLICK HERE</span>
<div id="dialog"></div>
<script id="jobSplitTemplate" type="text/x-kendo-template">
<span>#= id #</span>
<br />
<input type="button" value="Cancel" class="btn ez-btn ez-btn-cancel" onclick="onjobSplitDialogClose(); return false" />
<input type="button" id="apply" value="Apply" class="btn ez-btn ez-btn-primary" onclick="jobSplitSave(); return false" />
</script>
<script>
var dlg = $("#dialog").kendoDialog({
visible: false,height: "200px",width: "300px",modal: true,});
function jobSplitDialogOpen(id) {
console.log("Job Id "+id);
var scriptTemplate = kendo.template($("#jobSplitTemplate").html());
var scriptData = { id: id };
dlg.html(scriptTemplate(scriptData));
dlg.data("kendoDialog").open();
}
</script>
它在jsfiddle中运行:http://jsfiddle.net/kp5Lhson/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。