Tenho essa jquery
<script type="text/javascript">
$(document).ready(function () {
$("#GrupoDescontos").change(function () {
$.ajax
({
url: '' + $(this).val(),
type: 'GET',
success: function (dados) {
$("#GridPartial").html("");
$("#GridPartial").html(dados);
var resultado = dados;
},
error: function (erro) {
}
});
});
});
Quando entro na tela pela primeira vez, é carregado a tela detail. depois ao selecionar a Dropdown a grid é recarregada, mas o problema é a tela que entra pela primeira vez, sem o change da Dropdown, não é limpa pelo comado da jquery $("#GridPartial").html("");
, ficando dois grids encavalado e é carregado informações duplicada da primeira tela que não existe na partial view, como titulo, por exemplo. Como eu limpo isso?
EDIT1
Veja como fica a tela toda embaralhada com dois grids
EDIT2
View
@model Site.Areas.API.Models.AzureDiscountGroups.AzureDiscountGroupModel
@using SubscriptionCenter.API.Models.Resellers
<style>
.Makewide {
width: 200px;
}
</style>
<div>
<h4></h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.HiddenFor(model => model.Id)
<div class="form-group">
@Html.Label("Grupo de Desconto", htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.DropDownList("GrupoDescontos", new SelectList(ViewBag.Desconto, "Id", "Descricao"), new { @id = "GrupoDescontos", @class = "Makewide" })
@*@Html.ValidationMessageFor(model => model.HomeTemplateId, "", new { @class = "text-danger" })*@
</div>
</div>
</div>
<div id="GridPartial"></div>
@Html.Partial("DetailsPartial")
<p>
@Html.ActionLink("Back to List", "Index")
</p>
<script type="text/javascript">
$(document).ready(function () {
$("#GrupoDescontos").change(function () {
var $div = $('#GridPartial');
$.ajax
({
url: '' + $(this).val(),
type: 'GET',
success: function (dados) {
$div.html('');
$div.html(dados);
},
error: function (erro) {
}
});
});
});
$(document).ready(function () {
$("#GrupoDescontos").val("@ViewBag.Indice");
});
</script>
e a PartialView
<table class="table">
<tr>
<th>
Nome
</th>
<th>
Alias
</th>
<th>
WhiteLabel?
</th>
<th>
MPN Id
</th>
<th>
Criada em
</th>
</tr>
@foreach (var item in ViewBag.DetailReseller as List<ResellerListModel>)
{
<tr align="center">
<td>
@(item.Name)
</td>
<td>
@(item.Alias)
</td>
<td>
@(item.WhiteLabel ? "Sim" : "Não")
</td>
<td>
@(item.MpnId)
</td>
<td>
@(item.CreatedOn)
</td>
</tr>
}
</table>