Nano Hash - криптовалюты, майнинг, программирование

передать параметр в диалоговое окно кендо jquery

Я пытаюсь передать значение диалоговой форме кендо. пожалуйста, смотрите мой код ниже. Мне нужно передать значение идентификатора в диалоговое окно. Как я могу этого добиться? Спасибо ! Код кнопки:

<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();
    }
jquery kendo-ui
15.09.2020

Ответы:


1

Вы почти там. Вот один из способов выполнить то, что вы ищете (я просто установил id на 3 в диапазоне onclick здесь, вы захотите вернуть его в значение вашего 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/

15.09.2020
  • Привет @G_P, Большое спасибо за ваши решения. У меня есть другая проблема, например, контроль кендо, я не нахожусь в модальной форме. В чем может быть проблема ? ‹input id=JobSplitStartdate title=datepicker class=ez-datepicker /› $(#JobSplitStartdate).kendoDatePicker({ value: new Date(), format: 'dd/MM/yyyy' }).data(kendoDatePicker); }); 16.09.2020
  • Если я возьму раскрывающийся список в модальном режиме, это не будет обязательным. Что может быть причиной ? Спасибо ! 16.09.2020
  • @RafiqzzamanLiton Пожалуйста, задайте новый вопрос для этой отдельной проблемы и опубликуйте свой код. 16.09.2020
  • @ G-P Я добавил один вопрос. не могли бы вы увидеть эту проблему, пожалуйста. Спасибо. 64008745/ 22.09.2020
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..