100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 点击改变文本框选择内容 Jquery datatables 重新加载数据

点击改变文本框选择内容 Jquery datatables 重新加载数据

时间:2021-08-03 04:48:40

相关推荐

点击改变文本框选择内容 Jquery datatables 重新加载数据

选择文本框中的project的值DataTable显示不同的数据

<div class="form-group"><label for="selProject64" class="col-sm-4 control-label">Project:</label><div class="col-sm-4" id="divStashProjectBranch"><select id="selProject" class="form-control" data-toggle="tooltip" data-place="right"><option id="span_0" value="slect" >select one</option><option id="span_1" value="1" >1</option> <option id="span_2" value="2" >2</option> <option id="span_3" value="3" >3</option> </select> </div> <span class="help-block" style="color:#FF6666;font-size: 25px" data-i18n="common.required.star"></span> </div>

<div class="row-fluid" id="divRepoInfoList"><table id="tabInfo" class="table table-striped table-bordered table-hover" width="100%"><thead><tr><th id="th_repo" width="35%" >repo</th><th id="th_project" width="30%" >project</th><th id="th_action" width="35%">action</th></tr></thead><tbody style="font-size: 14px"></tbody></table></di

<script type="text/javascript">var isloaded = false;$(document).ready(function () {$("#tabInfo").DataTable({//初始化时表格无数据"aLengthMenu": [10, 20],"iDisplayLength": 10,"aoColumnDefs": [{"bSortable": false,"aTargets": [1, 2]}],});$("#txtProject").change(function () {//点击事件$("#tabInfo").dataTable().fnDestroy();//还原初始化了datatablegetCharData();});});function getCharData(){$("#tabInfo").DataTable({"aLengthMenu": [10, 20],"iDisplayLength": 10,"aoColumnDefs": [{"bSortable": false,"aTargets": [1, 2]}],ajax: {type: "POST",url: "",data: {'type':,project: $("#txtProject64").val(),},error: function () {alertError("");},dataSrc: function (json) {json.draw = json.data.draw;json.recordsTotal = json.data.recordsTotal;json.recordsFiltered = json.data.recordsFiltered;return json.data;}},})}</script>

v>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。