У меня есть некоторый html код, такой как modal
s с пользовательскими css и js, которые я использую много.
Как я могу создать многоразовый web-component
, который я использую может иметь в ящике для инструментов, что я могу перетащить на страницу, а затем изменить свойства на вкладке свойств.
Я нашел некоторую информацию о создании c# компонентов, хотя я не уверен, как это сделать работать на комбинацию html, css и js, которая у меня есть. Может ли кто-нибудь указать мне правильное направление?
пример html:
<!-- Cancel create po -->
<div class="modal fade" id="modal_button_advanced_filter_sort" tabindex="-1" role="dialog" >
<div style="max-width: 500px; margin: 1.75rem auto" class="modal-content">
<div class="modal-header">
<h5 class="modal-title" >Advanced Filter/Sort</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" style="font-size:13px; color:red; text-align:center;">
<div>
If supplier has been previously used; The status will be changed to False instead of deletion.
</div>
<div>
(This maintains database integrity)
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="submit" id="button1" runat="server" class='btn btn-outline-danger button_border'>Delete</button>
</div>
</div>
</div>
У меня есть файл css и файл js, связанные с этим модалом, которые должны быть отделены от web-component
.
Спасибо, Аарон.