berikan parameter ke kendo dialog jquery

Question

Saya mencoba untuk menyampaikan nilai ke bentuk dialog kendo. silakan lihat kode saya di bawah ini. Saya harus meneruskan nilai "id" ke kotak dialog. Bagaimana cara mencapai itu? Terima kasih! Kode tombol:

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

Html dialog:

<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

Anda hampir sampai. Berikut adalah salah satu cara untuk mencapai apa yang Anda cari (saya baru saja mengatur id ke 3 di span onclick di sini, Anda akan ingin mengembalikannya menjadi nilai id Anda):

Kode:

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

dan ini berjalan di jsfiddle: http://jsfiddle.net/kp5Lhson/