Как напечатать определенную область "div" в asp. net core component.razor ..? - PullRequest
Новая
       24

Как напечатать определенную область "div" в asp. net core component.razor ..?

0 голосов
/ 28 апреля 2020

Здесь я размещаю код моего базового c приложения в ядре asp. net, это для печати div, которая упоминается как id="printableArea". этот код работает четко. 

<input type="button" onclick="printDiv('printableArea')" value="print a div!" />
<div id="printableArea" class="stylesheet">
    <table  id="myTable" class="table">
         <thead>

            <tr>                 
                <th>Pipe Type</th>
                <th>DIA</th>
                <th>Laek Type</th>
            </tr>
        </thead>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
    </table>
</div>

script 

<script>
function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;
     document.body.innerHTML = printContents;
     window.print();
     document.body.innerHTML = originalContents;
}
</script>

но проблема в том, что то же самое, что я должен сделать в component.razor, у меня не было ни малейшего представления, как это выполнить без сценария , С другой стороны, страница блейзора (component.razor) не позволяет писать скрипт. Пожалуйста, дайте ваши решения. 

<input type="button" />
<div id="printableArea" >
<div>

@code{

}
...