Azaki
/
Plugins
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: Move fuzzy search examples to 1.10.25

Browse Source 
Jira Issue DD-2072
pull/527/head
SandyDatatables 3 years ago
parent 3b8785a997
commit d8409c7a67
8 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File

4
features/fuzzySearch/api.html
Unescape View File

@ -6,7 +6,7 @@
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<title>DataTables example - Fuzzy Searching</title> <title>DataTables example - Fuzzy Searching</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<style type="text/css" class="init"> <style type="text/css" class="init">
div.container { div.container {
margin: 0 auto; margin: 0 auto;
@ -48,7 +48,7 @@
} }
</style> </style>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script> <script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script>
<script type="text/javascript" language="javascript" class="init"> <script type="text/javascript" language="javascript" class="init">

8
features/fuzzySearch/dataTables.fuzzySearch.js
Unescape View File

@ -312,12 +312,15 @@
fromPlugin = true; fromPlugin = true;
api.search(searchVal); api.search(searchVal);
fromPlugin = false; fromPlugin = false;
searchVal = "";
console.log("toggle a", searchVal, fuzzySearchVal);
} }
// Otherwise perform a fuzzy search // Otherwise perform a fuzzy search
else { else {
// Get the value from the input element and convert to lower case // Get the value from the input element and convert to lower case
fuzzySearchVal = input.val(); fuzzySearchVal = input.val();
searchVal = fuzzySearchVal; searchVal = "";
console.log("toggle b", searchVal, fuzzySearchVal);
if (fuzzySearchVal !== undefined && fuzzySearchVal.length !== 0) { if (fuzzySearchVal !== undefined && fuzzySearchVal.length !== 0) {
fuzzySearchVal = fuzzySearchVal.toLowerCase(); fuzzySearchVal = fuzzySearchVal.toLowerCase();
@ -331,6 +334,7 @@
fromPlugin = true; fromPlugin = true;
// Empty the datatables search and replace it with our own // Empty the datatables search and replace it with our own
api.search(""); api.search("");
console.log("type or click")
input.val(fuzzySearchVal); input.val(fuzzySearchVal);
fromPlugin = false; fromPlugin = false;
} }
@ -350,6 +354,7 @@
fuzzySearchVal = value.toLowerCase(); fuzzySearchVal = value.toLowerCase();
searchVal = api.search(); searchVal = api.search();
input.val(fuzzySearchVal); input.val(fuzzySearchVal);
console.log("set fuzzy", searchVal, fuzzySearchVal);
// For each row call the fuzzy search function to get result // For each row call the fuzzy search function to get result
api.rows().iterator('row', function(settings, rowIdx) { api.rows().iterator('row', function(settings, rowIdx) {
@ -421,6 +426,7 @@
if (state._fuzzySearch.active === 'true') { if (state._fuzzySearch.active === 'true') {
toggle.click(); toggle.click();
api.page(state.start/state.length).draw('page');
} }
} }
} }

4
features/fuzzySearch/index.html
Unescape View File

@ -6,7 +6,7 @@
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<title>DataTables example - Fuzzy Searching</title> <title>DataTables example - Fuzzy Searching</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<style type="text/css" class="init"> <style type="text/css" class="init">
div.container { div.container {
margin: 0 auto; margin: 0 auto;
@ -48,7 +48,7 @@
} }
</style> </style>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script> <script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script>
<script type="text/javascript" language="javascript" class="init"> <script type="text/javascript" language="javascript" class="init">

4
features/fuzzySearch/rankColumn.html
Unescape View File

@ -6,7 +6,7 @@
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<title>DataTables example - Fuzzy Searching</title> <title>DataTables example - Fuzzy Searching</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<style type="text/css" class="init"> <style type="text/css" class="init">
div.container { div.container {
margin: 0 auto; margin: 0 auto;
@ -48,7 +48,7 @@
} }
</style> </style>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script> <script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script>
<script type="text/javascript" language="javascript" class="init"> <script type="text/javascript" language="javascript" class="init">

4
features/fuzzySearch/returnSearch.html
Unescape View File

@ -6,7 +6,7 @@
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<title>DataTables example - Fuzzy Searching</title> <title>DataTables example - Fuzzy Searching</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<style type="text/css" class="init"> <style type="text/css" class="init">
div.container { div.container {
margin: 0 auto; margin: 0 auto;
@ -48,7 +48,7 @@
} }
</style> </style>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script> <script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script>
<script type="text/javascript" language="javascript" class="init"> <script type="text/javascript" language="javascript" class="init">

4
features/fuzzySearch/stateSaving.html
Unescape View File

@ -6,7 +6,7 @@
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<title>DataTables example - Fuzzy Searching</title> <title>DataTables example - Fuzzy Searching</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<style type="text/css" class="init"> <style type="text/css" class="init">
div.container { div.container {
margin: 0 auto; margin: 0 auto;
@ -48,7 +48,7 @@
} }
</style> </style>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script> <script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script>
<script type="text/javascript" language="javascript" class="init"> <script type="text/javascript" language="javascript" class="init">

4
features/fuzzySearch/threshold.html
Unescape View File

@ -6,7 +6,7 @@
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<title>DataTables example - Fuzzy Searching</title> <title>DataTables example - Fuzzy Searching</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<style type="text/css" class="init"> <style type="text/css" class="init">
div.container { div.container {
margin: 0 auto; margin: 0 auto;
@ -48,7 +48,7 @@
} }
</style> </style>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script> <script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script>
<script type="text/javascript" language="javascript" class="init"> <script type="text/javascript" language="javascript" class="init">

4
features/fuzzySearch/toggleSmart.html
Unescape View File

@ -6,7 +6,7 @@
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<title>DataTables example - Fuzzy Searching</title> <title>DataTables example - Fuzzy Searching</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<style type="text/css" class="init"> <style type="text/css" class="init">
div.container { div.container {
margin: 0 auto; margin: 0 auto;
@ -48,7 +48,7 @@
} }
</style> </style>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script> <script type="text/javascript" language="javascript" src="dataTables.fuzzySearch.js"></script>
<script type="text/javascript" language="javascript" class="init"> <script type="text/javascript" language="javascript" class="init">

Write Preview
Loading…
Cancel
Save