Как динамически установить атрибуты селектора запросов - PullRequest
Новая
       8

Как динамически установить атрибуты селектора запросов

0 голосов
/ 31 мая 2018

У меня есть частичное представление с редактором Markdown. Я ссылаюсь на это частичное представление в главном представлении вместе с атрибутом id. 

 @Html.Partial("_MarkdownEditor", new { id = "executivesummary" }) 
 @Html.Partial("_MarkdownEditor", new { id = "editorsection" })

Здесь я пытаюсь установить атрибут id динамически, как это .. 

<div id="@ViewData.Eval("id")">
</div>

Все это отлично работает, моя проблема в том, что мне нужно динамически захватывать и устанавливать id для отображения редактора ... вот код редактора.Здесь я жестко закодировал querySelector с помощью #exectuivesummary.Я хочу установить его динамически на основе параметра id, переданного в частичное представление, чтобы я мог иметь разные экземпляры редактора!Как это можно сделать? 

<script type="text/javascript">
var editor = new tui.Editor({
    el: document.querySelector('#executivesummary'),
    previewStyle: 'vertical',   
    height: '300px',
    initialEditType: 'wysiwyg'
    //hideModeSwitch:true
});

function saveContent(e) {
    var content = editor.getValue();
    console.log(content)
    e.preventDefault();
}

1 Ответ

0 голосов
/ 31 мая 2018

Вы должны использовать переменную в querySelector.

Вы можете сделать это так: 

var id = 'executivesummary';
var matched = document.querySelector('#' + id);
console.log(matched);
<div id="executivesummary"></div>

В вашем случае вы можете сделать следующее: el: document.querySelector('#' + @ViewData.Eval("id"));

Надеюсь, это поможет.

...