Parameter an kendo dialog jquery übergeben

Question

Ich versuche, einen Wert an das Kendo-Dialogformular zu übergeben. Bitte beachten Sie meinen unten stehenden Code. Ich muss den Wert "id" an das Dialogfeld übergeben. Wie kann ich das erreichen? Vielen Dank ! Schaltflächencode:

<span class="k-icon k-i-plus-circle" onclick="jobSplitDialogOpen('#: id #'); return false" title="Split Job"></span>

Dialog 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

Du bist fast da. Hier ist eine Möglichkeit, um das zu erreichen, wonach Sie suchen (ich habe die ID in dem Bereich, in dem Sie hier klicken, auf 3 gesetzt. Sie möchten dies auf Ihren ID-Wert zurücksetzen):

Code:

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

und hier läuft es in einer jsfiddle: http://jsfiddle.net/kp5Lhson/