Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Dashboards & Visualizations
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: Is it possible to add dropdown inside a panel ...
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Jhanzkie
Path Finder
02-17-2022
06:49 AM
Hello.
For once again a noob question.
Is it possible to add dropdown inside a panel with a table using javascript ?
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
kamlesh_vaghela
SplunkTrust
02-17-2022
10:55 AM
Yes @Jhanzkie
Please check below code.
XML:
<dashboard script="a.js">
<label>Single View in HTML Example</label>
<row>
<panel>
<html>
<div>Hello World</div>
<table border="1" style="width:800px" >
<thead>
<td>
DropDown 1
</td>
<td>
DropDown 2
</td>
</thead>
<tr>
<td>
<div id="divDropDown1"></div>
</td>
<td>
<div id="divDropDown2"></div>
</td>
</tr>
</table>
</html>
</panel>
</row>
</dashboard>
a.js
require([
'underscore',
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'
], function(_, $, mvc) {
var DropdownView = require("splunkjs/mvc/dropdownview");
var SearchManager = require("splunkjs/mvc/searchmanager");
var sampleSearch = new SearchManager({
id: "sampleSearch",
earliest_time: "-1d@d",
latest_time: "",
preview: true,
autostart: false,
cache: false,
search: 'index=_internal | stats count by sourcetype'
});
$(document).ready(function() {
var myDropDown1 = new DropdownView({
id: "example-single" + Date.now(),
managerid: "sampleSearch",
default: "splunkd",
labelField: "sourcetype",
valueField: "sourcetype",
el: $("#divDropDown1")
}).render();
var myDropDown2 = new DropdownView({
id: "example-single" + Date.now(),
default: "splunkd_access",
managerid: "sampleSearch",
labelField: "sourcetype",
valueField: "sourcetype",
el: $("#divDropDown2")
}).render();
sampleSearch.startSearch();
})
});
KV
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
kamlesh_vaghela
SplunkTrust
02-17-2022
10:55 AM
Yes @Jhanzkie
Please check below code.
XML:
<dashboard script="a.js">
<label>Single View in HTML Example</label>
<row>
<panel>
<html>
<div>Hello World</div>
<table border="1" style="width:800px" >
<thead>
<td>
DropDown 1
</td>
<td>
DropDown 2
</td>
</thead>
<tr>
<td>
<div id="divDropDown1"></div>
</td>
<td>
<div id="divDropDown2"></div>
</td>
</tr>
</table>
</html>
</panel>
</row>
</dashboard>
a.js
require([
'underscore',
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'
], function(_, $, mvc) {
var DropdownView = require("splunkjs/mvc/dropdownview");
var SearchManager = require("splunkjs/mvc/searchmanager");
var sampleSearch = new SearchManager({
id: "sampleSearch",
earliest_time: "-1d@d",
latest_time: "",
preview: true,
autostart: false,
cache: false,
search: 'index=_internal | stats count by sourcetype'
});
$(document).ready(function() {
var myDropDown1 = new DropdownView({
id: "example-single" + Date.now(),
managerid: "sampleSearch",
default: "splunkd",
labelField: "sourcetype",
valueField: "sourcetype",
el: $("#divDropDown1")
}).render();
var myDropDown2 = new DropdownView({
id: "example-single" + Date.now(),
default: "splunkd_access",
managerid: "sampleSearch",
labelField: "sourcetype",
valueField: "sourcetype",
el: $("#divDropDown2")
}).render();
sampleSearch.startSearch();
})
});
KV
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Jhanzkie
Path Finder
02-17-2022
03:27 PM
thank you , it really helps
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!
Can’t Make It to Boston? Stream .conf25 and Learn with Haya Husain
Boston may be buzzing this September with Splunk University and .conf25, but you don’t have to pack a bag to ...
Splunk Lantern’s Guide to The Most Popular .conf25 Sessions
Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...
Unlock What’s Next: The Splunk Cloud Platform at .conf25
In just a few days, Boston will be buzzing as the Splunk team and thousands of community members come together ...
