我有一个按钮，我想为每次点击生成一个PartialView，我在谷歌搜索，但我找不到任何结果，我需要发现我该怎么做。
所以，这是我的按钮：
<div style="padding-bottom: 15px;">
<button id="btnNovaFormaPagamento" type="button" class="btn btn-primary">Nova Forma de Pagamento</button>
</div>
我需要这个按钮生成这个PartialView，每个点击的名字是_DetalheVendas.cshtml
<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>