javascript - 重命名引导程序生成的标签
问题描述
我想更改过滤器输入旁边的“搜索”文本内容。我使用表格模板并生成搜索过滤器,我想更改搜索文本,因为我想使用不同的语言。
使用开发工具,我发现 div id 是user_data_filter,它位于标签元素下。
我可以通过复制输入表单并更改搜索文本来更改此设置
$('#user_data_filter label').html('Keresés: <input type="search" class="form-control input-sm" placeholder aria-controls="user_data">');
但是在我更改后过滤器不起作用,我不知道为什么..
这是HTML:
<html>
<head>
<title>Iskola Tábla</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<style>
body
{
margin:0;
padding:0;
background-color:#f1f1f1;
}
.box
{
width:1270px;
padding:20px;
background-color:#fff;
border:1px solid #ccc;
border-radius:5px;
margin-top:25px;
box-sizing:border-box;
}
</style>
</head>
<body>
<div class="container box">
<h1 align="center">Iskola Tábla</h1>
<br />
<div class="table-responsive">
<br />
<div align="right">
<button type="button" name="add" id="add" class="btn btn-info">Hozzáadás</button>
</div>
<br />
<div id="alert_message"></div>
<table id="user_data" class="table table-bordered table-striped">
<thead>
<tr>
<th>Ügyfél neve</th>
<th>Termék</th>
<th></th>
</tr>
</thead>
</table>
</div>
</div>
</body>
</html>
<script type="text/javascript" language="javascript" >
$(document).ready(function(){
fetch_data();
function fetch_data()
{
var dataTable = $('#user_data').DataTable({
});
}
});
</script>
有人可以帮助我使用工作过滤器更改搜索文本内容吗?
解决方案
这些标签和控件是数据表的一部分,在初始化之前不可用。如果您真的想继续使用这种方法,可以使用回调函数:
var dataTable = $ ('#user_data').DataTable({
"initComplete": function (settings, json){
$('# user_data_filter label').html('Keresés: <input type = "search" class = "form-control input-sm" placeholder aria-controls="user_data">');
}
});
但是,如果我对您的理解正确,您希望以不同的语言显示数据表。因此,与其尝试重新发明轮子,我强烈建议您仔细查看数据表已经为您带来的许多选项。
推荐阅读
- git - 致命:肮脏的存储库:有未提交的更改。使用 git ftp push 在管道中退出...
- python - 是否有一种数据类型/结构可以:保存数字列表、可散列、无序并允许重复
- ruby-on-rails - 如何在 ruby 中将字符串、整数、日期等转换为可查询的格式?
- oracle - 在 oracle 中有查看对象编号吗?
- python - 不同颜色的绘图的不同部分
- imagemagick - 如何使用具有特定输出文件名格式的 ImageMagick 将 MTIFF 转换为 PNG?
- rust - 有没有办法在 Rust 中用“0x”正确证明十六进制数?
- python - 减少循环执行时间python
- c# - Unity3d中使用MySQL,填充数据表
- ios - 如何在 iOS 10+ 中更换设备旋转的渐变背景