Hi @kamlesh_vaghela , Now the select all checkbox is appearing. But it is not checking all checkboxes. Please find my codes below. my.js require([ 'underscore', 'jquery', 'splunkjs/mvc', 'splunkjs/mvc/tableview', 'splunkjs/mvc/simplexml/ready!', 'splunkjs/mvc/searchmanager' ], function(_, $, mvc, TableView) { // Access the "default" token model var tokens = mvc.Components.get("default"); var selected_values_array = []; var query_array = []; var query; var fieldKey = "CheckBox"; var fieldDataStoreKey="data-sort-key="+fieldKey; var isSelectAll = false; var submittedTokens = mvc.Components.get('submitted'); var mySearchManager = ""; var SearchManager = require('splunkjs/mvc/searchmanager'); var CustomRangeRenderer = TableView.BaseCellRenderer.extend({ canRender: function(cell) { return _([fieldKey]).contains(cell.field); }, render: function($td, cell) { var cls = "checkbox"; if(isSelectAll) { cls = "checkbox checked"; } var a = $('<div>').attr({"id":"chk-sourcetype"+cell.value,"value":cell.value}).addClass(cls).click(function() { // console.log("checked",$(this).attr('class')); // console.log("checked",$(this).attr('value')); if($(this).attr('class')==="checkbox") { selected_values_array.push($(this).attr('value')); $(this).removeClass(); $(this).addClass("checkbox checked"); } else { $(this).removeClass(); $(this).addClass("checkbox"); var i = selected_values_array.indexOf($(this).attr('value')); if(i != -1) { selected_values_array.splice(i, 1); } // Change the value of a token $mytoken$ } con }); //List of table IDs var tableIDs = ["myTable"]; for (i=0;i<tableIDs.length;i++) { var sh = mvc.Components.get(tableIDs[i]); if(typeof(sh)!="undefined") { sh.getVisualization(function(tableView) { // Add custom cell renderer and force re-render tableView.table.addCellRenderer(new CustomRangeRenderer()); tableView.table.render(); tableView.on('rendered', function(view) { setTimeout(function(){ setCheckAllCheckBox(); },500); }); }); } } var SearchA = mvc.Components.get("SearchA"); var SearchAResults = SearchA.data("results"); SearchAResults.on("data", function () { resultArray = SearchAResults.data().rows; searchAFields = SearchAResults.data().fields; var keyIndex=searchAFields.indexOf(fieldKey); searchAValues = []; $.each(resultArray, function (index, value) { searchAValues[index]=value[keyIndex]; }) }); function setCheckAllCheckBox() { // console.log("In setCheckAllCheckBox"); var a = $("["+fieldDataStoreKey+"]"); // console.log(a); a.html(""); var cls = "checkbox"; if(isSelectAll) { cls = "checkbox checked"; } var temp = $('<div>').attr({ "id": "chk-sourcetype", "value": "All" }).addClass(cls).click(function () { if ($(this).attr('class') === "checkbox") { $(this).removeClass(); $(this).addClass("checkbox checked"); isSelectAll = true; } else { $(this).removeClass(); $(this).addClass("checkbox"); isSelectAll = false; } checkUnCheckAllCheckboxes(); }).appendTo(a); $("["+fieldDataStoreKey+"]").parent().removeAttr("class"); $("["+fieldDataStoreKey+"]").removeAttr("data-sort-key"); } function checkUnCheckAllCheckboxes(){ console.log($('[id^="chk-sourcetype_"]')); var cls = "checkbox"; selected_values_array = []; if(isSelectAll) { cls = "checkbox checked"; $.each(searchAValues, function (index, value) { selected_values_array.push(value); }) } $('[id^="chk-sourcetype_"]').removeClass(); $('[id^="chk-sourcetype_"]').addClass(cls); } $(document).ready(function () { $("#resubmit").on("click", function (e) { e.preventDefault(); console.log("selectedarray"+selected_values_array); for (q=0;q<selected_values_array.length;q++) { var checkbox_query="| makeresults | eval Search_Query=\""+selected_values_array[q]+"\" | fields - _time | outputlookup append=true IIB_Dashboard_lookup.csv" console.log(checkbox_query) var epoch = (new Date).getTime(); mySearchManager = new SearchManager({ id : "lookup_search" + epoch, earliest_time : "-24h", latest_time : "now", autostart : true, search : checkbox_query, preview : true, cache : false }); }; mvc.Components.get("SearchA").startSearch(); query=[]; for (u=0;u<selected_values_array.length;u++) { query[u]="\""+selected_values_array[u]+",RESUBMIT\"" } console.log(query.join(" ")) search_query(query.join(" ")); selected_values_array=[]; console.log(selected_values_array); }); $("#archive").on("click", function (e) { e.preventDefault(); console.log("selectedarray"+selected_values_array); for (q=0;q<selected_values_array.length;q++) { var checkbox_query="| makeresults | eval Search_Query=\""+selected_values_array[q]+"\" | fields - _time | outputlookup append=true IIB_Dashboard_lookup.csv" console.log(checkbox_query) var epoch = (new Date).getTime(); mySearchManager = new SearchManager({ id : "lookup_search" + epoch, earliest_time : "-24h", latest_time : "now", autostart : true, search : checkbox_query, preview : true, cache : false }); }; mvc.Components.get("SearchA").startSearch(); query=[]; for (u=0;u<selected_values_array.length;u++) { query[u]="\""+selected_values_array[u]+",ARCHIVE\"" } console.log(query.join(" ")) search_query(query.join(" ")); selected_values_array=[]; console.log(selected_values_array); }); function search_query (query) { //var SearchManager = require('splunkjs/mvc/searchmanager'); var epoch = (new Date).getTime(); mySearchManager = new SearchManager({ id : "Soap_test" + epoch, earliest_time : "-24h", latest_time : "now", autostart : true, search : "| soap1 "+query, preview : true, cache : false }); var confirmationMessage = mySearchManager.on('search:done', function(properties) { console.log("DONE!\nSearch job properties:", properties.content.eventCount); return "Job Completed"; }); console.log(confirmationMessage); var myResults = mySearchManager.data("results"); console.log(myResults); myResults.on("data", function () { resultArray_rows = myResults.data().rows; console.log(resultArray_rows) tokens.set("mytoken1", resultArray_rows.join()); submittedTokens.set(tokens.toJSON()); console.log(tokens); }); }; }); })
... View more
