передать параметр в диалог кендо 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

Вы почти у цели. Вот один из способов выполнить то, что вы ищете (я просто установил id равным 3 в промежутке onclick здесь, вы захотите вернуть его в значение вашего идентификатора):

Код:

<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/