将参数传递给 kendo 对话框 jquery

Question

我正在尝试将值传递给 kendo 对话框表单。请看我下面的代码。我需要将“id”值传递给对话框 box.How 我可以实现吗？谢谢！按钮代码：

<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

你快到了。这是完成您正在寻找的内容的一种方法（我只是在点击此处的跨度中将 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/

将参数传递给 kendo 对话框 jquery

pass parameter to kendo dialog jquery

jquery

kendo-ui