的想法是这样,当模式打开创建或编辑用户,确认是由,一旦你点击提交,它会隐藏模式,并刷新datattable已经在页面上,这是使用jquery datattabes.net。问题是点击提交后,没有任何反应。
这是我一直在使用,以指导自己的信息:
http://datatables.net/reference/api/ajax.reload()
<script>
$(document).ready(function() {
var oTable = $('#dataTable-users').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "{{ URL::to('usuarios.tabla') }}"
})
$('.editUser')
.bootstrapValidator({
excluded: [':disabled', ':hidden', ':not(:visible)'],
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
first_name: {
validators: {
notEmpty: {
message: 'El nombre es obligatorio y no puede quedar vacio.'
},
stringLength: {
min: 3,
max: 100,
message: 'El nombre no puede tener menos de 3 letras.'
},
regexp: {
regexp: /^[a-zA-Z]+$/,
message: 'El nombre solo puede contener letras y espacios.'
}
}
},
last_name: {
validators: {
notEmpty: {
message: 'El apellido es obligatorio y no puede quedar vacio.'
},
stringLength: {
min: 3,
max: 100,
message: 'El apellido no puede tener menos de 3 letras.'
},
regexp: {
regexp: /^[a-zA-Z]+$/,
message: 'El apellido solo puede contener letras y espacios.'
}
}
},
email: {
validators: {
notEmpty: {
message: 'El email es obligatorio y no puede quedar vacio.'
},
emailAddress: {
message: 'La información ingresada no corresponde a un email.'
}
}
}
}
})
.on('success.form.bv', function(e) {
// Prevent form submission
e.preventDefault();
var $form = $(e.target), // The form instance
bv = $form.data('bootstrapValidator'); // BootstrapValidator instance
// Use Ajax to submit form data
$.post($form.attr('action'), $form.serialize(), function(result) {
$('#user-modal').modal("hide");
oTable.ajax.url('http://localhost:8888/adp/usuarios.tabla').load();
});
});
});
</script>
和视图
@foreach($users as $key => $value)
<div class="modal fade edit-user-modal{{ $value->id }} user-modal" id="user-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Editando usuario <strong>{{ $value->username }}</strong></h4>
</div>
<div class="modal-body">
{{ Form::model($value, array('route' => array('usuarios.update', $value->id), 'class' => 'editUser', 'method' => 'PUT')) }}
<div class="form-group">
{{ Form::label('password', 'Contraseña') }}
{{ Form::password('password', array('class' => 'form-control')) }}
</div>
<div class="form-group">
{{ Form::label('first_name', 'Nombres') }}
{{ Form::text('first_name', Input::old('first_name'), array('class' => 'form-control')) }}
</div>
<div class="form-group">
{{ Form::label('last_name', 'Apellidos') }}
{{ Form::text('last_name', Input::old('last_name'), array('class' => 'form-control')) }}
</div>
<div class="form-group">
{{ Form::label('email', 'Email') }}
{{ Form::text('email', Input::old('email'), array('class' => 'form-control')) }}
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
{{ Form::token() }}
{{ Form::submit('Editar usuario', array('class' => 'btn btn-primary')) }}
{{ Form::close() }}
</div>
</div>
</div>
</div>
@endforeach
任何错误信息?你遇到什么问题? – PeterKA 2014-10-20 17:29:18
AJAX表不会重新加载,我无法隐藏模式。 – 2014-10-21 15:51:07