将参数传递给剑道对话框jquery

Question

我正在尝试将值传递给剑道对话框。请看我下面的代码。我需要将“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" />&nbsp;
    </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();
    }

Answer 1

你快到了。这是完成您要查找的内容的一种方法（我只是在此处将跨度 onclick 中的 id 设置为 3，您需要将其恢复为您的 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" />&nbsp;
</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/