javascript - 如何为每次单击按钮生成 PartialView？
问题描述
我有一个按钮，我想为每次点击生成一个 PartialView，我在谷歌中搜索，但我找不到任何结果，我需要发现我该怎么做。
所以，这是我的按钮：
<div style="padding-bottom: 15px;">
<button id="btnNovaFormaPagamento" type="button" class="btn btn-primary">Nova Forma de Pagamento</button>
</div>我需要这个按钮为每次点击生成这个名为 _DetalheVendas.cshtml 的 PartialView
<div class="panel panel-default text-uppercase hidden-xs" id="frmDetalhesVenda">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div id="divFormaPagamento" class="col-md-4 text-primary">
<label id="lblFormaPagamento" class="control-label">Formas de Pagamento</label>
<select class="form-control" id="ddlFormaPagamento">
<option value="0">Selecione</option>
<option value="1">Cartão</option>
<option value="2">Cheque</option>
<option value="3">Boleto</option>
<option value="4">Dinheiro</option>
</select>
</div>
<div id="divOpcaoPagamento" class="col-md-4 text-primary hide">
<label id="lblOpcaoPagamento" class="control-label">Opções de Pagamento</label>
<select class="form-control" id="ddlOpcaoPagamento">
<option value="0">Selecione</option>
<option value="1">Débito</option>
<option value="2">Crédito à Vista</option>
<option value="3">Crédito Parcelado</option>
</select>
</div>
</div>
</div>
<div class="row">
<div id="divFormaPagamentoCartao" class="text-primary hide">
<div class="col-md-12 text-primary" style="padding-top: 10px;">
<div id="divAdministradoras" class="col-md-2 text-primary">
<label id="lblAdministradoras" class="control-label">Administradoras</label>
<select class="col-md-2 form-control" id="ddlAdministradoras">
<option>Santander</option>
<option>Rede</option>
<option>GetNet</option>
</select>
</div>
<div id="divBandeiras" class="col-md-2 text-primary">
<label id="lblBandeiras" class="control-label">Bandeiras</label>
<select class="col-md-2 form-control" id="ddlBandeiras">
<option>Mastercard</option>
<option>Cielo</option>
</select>
</div>
<div id="divAutorizacao" class="col-md-2 text-primary">
<label id="lblAutorizacao" class="control-label">Autorização</label>
<input id="txtUltimosNumerosCartao" type="text" class="form-control" />
</div>
<div id="divPrimeirosNumerosCartao" class="col-md-2 text-primary">
<label id="lblPrimeirosNumerosCartao" class="control-label">XXXX</label>
<input id="txtPrimeirosNumerosCartao" type="text" class="form-control" />
</div>
</div>
<div class="col-md-12 text-primary" style="padding-top: 10px;">
<div id="divValorCompraCartao" class="col-md-2 text-primary">
<label id="lblValorCompraCartao" class="control-label">Valor Compra</label>
<input id="txtValorCompraCartao" type="text" class="form-control" />
</div>
<div id="divQtdParcelasCartao" class="col-md-2 text-primary">
<label id="lblQtdParcelasCartao" class="control-label">Qtd Parcelas</label>
<input id="txtQtdParcelasCartao" type="text" class="form-control" />
</div>
<div id="divDataPrimeiroVencimentoCartao" class="col-md-2 text-primary">
<label id="lblDataPrimeiroVencimentoCartao" class="control-label">Data 1º Vencimento</label>
<input id="txtDataPrimeiroVencimentoCartao" type="text" class="form-control" />
</div>
<div id="divTitularCartao" class="col-md-3 text-primary">
<label id="lblTitularCartao" class="control-label">Titular do Cartão</label>
<input id="txtTitularCartao" type="text" class="form-control" />
</div>
</div>
</div>
<div id="divFormaPagamentoCheque" class="text-primary hide">
<div class="col-md-12 text-primary" style="padding-top: 10px;">
<div id="divBanco" class="col-md-2 text-primary">
<label id="lblBanco" class="control-label">Banco</label>
<input id="txtBanco" type="text" class="form-control" />
</div>
<div id="divAgencia" class="col-md-2 text-primary">
<label id="lblAgencia" class="control-label">Agência</label>
<input id="txtAgencia" type="text" class="form-control" />
</div>
<div id="divConta" class="col-md-2 text-primary">
<label id="lblConta" class="control-label">Conta</label>
<input id="txtConta" type="text" class="form-control" />
</div>
<div id="divValorCompraCheque" class="col-md-2 text-primary">
<label id="lblValorCompraCheque" class="control-label">Valor Compra</label>
<input id="txtValorCompraCheque" type="text" class="form-control"/>
</div>
<div id="divQtdParcelasCheque" class="col-md-2 text-primary">
<label id="lblQtdParcelasCheque" class="control-label">Qtd Parcelas</label>
<input id="txtQtdParcelasCheque" type="text" class="form-control" />
</div>
</div>
<div class="col-md-12 text-primary" style="padding-top: 10px;">
<div id="divNumeroCheque" class="col-md-2 text-primary">
<label id="lblNumeroCheque" class="control-label">Número Cheque</label>
<input id="txtNumeroCheque" type="text" class="form-control" />
</div>
<div id="divDataPrimeiroVencimentoCheque" class="col-md-2 text-primary">
<label id="lblDataPrimeiroVencimentoCheque" class="control-label">Data 1º Vencimento</label>
<input id="txtDataPrimeiroVencimentoCheque" type="text" class="form-control" />
</div>
<div id="divTitularCheque" class="col-md-3 text-primary">
<label id="lblTitularCheque" class="control-label">Titular do Cheque</label>
<input id="txtTitularCheque" type="text" class="form-control"/>
</div>
<div id="divCPFCheque" class="col-md-2 text-primary">
<label id="lblCPFCheque" class="control-label">CPF</label>
<input id="txtCPFCheque" type="text" class="form-control" />
</div>
</div>
</div>
<div id="divFormaPagamentoBoleto" class="text-primary hide">
<div class="col-md-12 text-primary" style="padding-top: 10px;">
<div id="divValorCompraBoleto" class="col-md-2 text-primary">
<label id="lblValorCompraBoleto" class="control-label">Valor Compra</label>
<input id="txtValorCompraBoleto" type="text" class="form-control" />
</div>
<div id="divQtdParcelasBoleto" class="col-md-2 text-primary">
<label id="lblQtdParcelasBoleto" class="control-label">Qtd Parcelas</label>
<input id="txtQtdParcelasBoleto" type="text" class="form-control" />
</div>
<div id="divDataPrimeiroVencimentoBoleto" class="col-md-2 text-primary">
<label id="lblDataPrimeiroVencimentoBoleto" class="control-label">Data 1º Vencimento</label>
<input id="txtDataPrimeiroVencimentoBoleto" type="text" class="form-control" />
</div>
</div>
<div class="col-md-12 text-primary" style="padding-top: 10px;">
<div id="divCPFBoleto" class="col-md-2 text-primary">
<label id="lblCPFBoleto" class="control-label">CPF</label>
<input id="txtCPFBoleto" type="text" class="form-control" />
</div>
<div id="divTitularBoleto" class="col-md-2 text-primary">
<label id="lblTitularBoleto" class="control-label">Titulat do Boleto</label>
<input id="txtTitularBoleto" type="text" class="form-control" />
</div>
<div id="divDataNascimento" class="col-md-3 text-primary">
<label id="lblDataNascimento" class="control-label">Data Nascimento</label>
<input id="txtDataNascimento" type="text" class="form-control" />
</div>
</div>
</div>
<div id="divFormaPagamentoDinheiro" class="text-primary hide">
<div class="col-md-12 text-primary" style="padding-top: 10px;">
<div id="divValorCompraDinheiro" class="col-md-2 text-primary">
<label id="lblValorCompraDinheiro" class="control-label">Valor Compra</label>
<input id="txtValorCompraDinheiro" type="text" class="form-control" />
</div>
<div id="divDataPagamentoDinheiro" class="col-md-3 text-primary">
<label id="lblDataPagamentoDinheiro" class="control-label">Data Pagamento</label>
<input id="txtDataPagamentoDinheiro" type="text" class="form-control" />
</div>
</div>
</div>
</div>
</div>
</div>解决方案
推荐阅读
- android - Firebase Sqlite db文件未上传
- android - Nv21 字节数据在 android 中保存为彩色 H264 格式
- xamarin.forms - 如何在 xamarin 表单中刷新选择器控件的 UI
- python-3.x - 在抓取页面时使用多个解析器
- python - 如何使用 Bokeh 制作热图或水平线（在地图上）？
- web - 个性化网络推送通知
- stored-procedures - pgAdmin III中的存储过程和函数有什么区别
- javascript - preventDefault 与 if 检查跳过处理鼠标和触摸？
- python - Django - 在父管理员的 save_model() 中访问更改的 InlineAdmin 字段
- javascript - 如何在 chrome websocket 代码中接收 TLS 握手错误