jquery 的datatable 怎么用一个按钮代替它的搜索

jquery 的datatable 怎么用一个按钮代替它的搜索,第1张

//搜索按钮

<div class="container-fluid flu_bot">

<div class="col-md-1 col-sm-1"><button type="button" class="btn btn-primary" id="btnSearch">搜索</button></div>

</div>

//表格

<div class="container-fluid">

<table id="table-javascript"></table>

</div>

//初始化表格js

var TableInit = function () {

var oTableInit = new Object();

oTableInitqueryUrl = '/Official/GetSearchFileList' + 'rnd=' + +Mathrandom();

//初始化Table

oTableInitInit = function () {

$('#table-javascript')bootstrapTable({

method: 'get',

url: oTableInitqueryUrl,

height: $(window)height() - 290,

striped: true,

pagination: true,

singleSelect: false,

pageSize: 15,

pageNumber: 1,

pageList: [10, 50, 100, 200, 500],

search: false, //不显示 搜索框

showColumns: false, //不显示下拉框(选择显示的列)

sidePagination: "server", //服务端请求

queryParams: oTableInitqueryParams,

minimunCountColumns: 2,

queryParamsType: "",//分页参数设置

formatNoMatches: function () {

return '未检索到信息';

},

columns: [

{

用jq获取一个div内部所有input[type='text']的值,代码如下:

<div id="divid">

<div><input type="hidden" value="456"></div>

</div>

<script type="text/javascript">

$("#divid input[type=hidden]")each(function () {

consolelog(thisvalue);

})

</script>

扩展资料

var  allChildDiv=$('#addDiv')find("div")//找到addDiv下面的所有div

for(var a=0;a<allChildDivlength;a++){

allChildDiveq(a)find('input[name="username"]')//用户名

allChildDiveq(a)find('input[name="pwd"]')//密码

};

参考资料:

百度百科 DIV (层叠样式表单元的位置和层次)

百度百科 input (函数)

默认界面下除了原始的table外,还为table额外增加了搜索、列排序、分页及信息显示这些内容,如果不需要其中一个或多个可以通过以下设置隐藏

$('#myTable')DataTable({

   "paging": false,

   "ordering": false,

   "info": false,

   "searching": false,

});

paging: 控制分页是否开启,默认开启,开启后会显示表格左上角的每页行数选择和右下角的页码跳转

ordering: 控制是否进行排序,默认开启,且默认会对第一列数据进行排序

info: 控制是否显示表格左下角的信息,默认开启

searching: 控制是否显示表格右上角的搜索,默认开启

参考:Datatables最全使用案例

以上就是关于jquery 的datatable 怎么用一个按钮代替它的搜索全部的内容,包括:jquery 的datatable 怎么用一个按钮代替它的搜索、如何用jq获取一个div内部所有input[type='text']的值、jquery datatables如何去掉搜索框和每页显示多少条数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9487185.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存