Comments (5)
@moussa1 please share the code you are using to initialize dropdown.
from virtual-select.
<script type="text/javascript">
var types;
var Main = [];
var virtualSelectVar;
$(document).ready(function() {
$(document).on('click', '#box3', function() { GetRegionDetails();});
function GetRegionDetails() {
parent.Xrm.WebApi.retrieveMultipleRecords("mcs_region", "?$select=mcs_name,mcs_inpanicmode,mcs_regionid").then(
function success(result) {
if (result.entities.length > 0) {
$( "#panicdetails" ).show( "fade" );
$( ".quotes" ).hide( "fade" );
for (var i = 0; i < result.entities.length; i++) {
var regionid = result.entities[i].mcs_regionid;
var inpanicmode = result.entities[i].mcs_inpanicmode;
var name = result.entities[i].mcs_name;
var stringBuilder = "<div class='panicContainer'><h3 class='labelH3'>" + name + "</h3>";
//add disaster types dropdownlist
if (types.length > 0)
{
stringBuilder += '<div class="panicSelectContainer" id="select_' + regionid + '"></div>';
}
for (var j = 0; j < types.length; j++) {
var option = {};
option.label = types[j].mcs_name;
option.value = types[j].mcs_disastertypesid;
Main.push(option);
}
stringBuilder += "<div class='panicSwitchContainer'><div class='switch' id='switch'>"+'<input class="cmn-toggle cmn-toggle-round" type="checkbox" id="togBtn_' + regionid + '" data-value="' + i + '" />';
stringBuilder += '<label for="togBtn_' + regionid + '"></label></div>';
$('#panicdetails').append(stringBuilder);
$("#togBtn_" + regionid).prop("checked", inpanicmode);
var select_selector = '#select_' + regionid;
virtualSelectVar = VirtualSelect.init({
ele: select_selector,
options: Main,
search: true,
multiple: true
});
var chkbox = "#togBtn_" + regionid;
$(chkbox).change(function() {
if(this.checked) {
var returnVal = confirm("Are you sure you want to turn panic mode ON?");
$(this).prop("checked", returnVal);
if (returnVal)
{
$("#select_" + ($(this).attr('id')).substr(($(this).attr('id')).lastIndexOf("_")+1)).show();
}
}
else{
$("#select_" + ($(this).attr('id')).substr(($(this).attr('id')).lastIndexOf("_")+1)).hide();
}
});
if (!inpanicmode)
{
$(select_selector).hide();
}
}
}
},
function (error) {
console.log(error.message);
}
);
}
function GetDisasterTypes() {
parent.Xrm.WebApi.retrieveMultipleRecords("mcs_disastertype", "?$select=mcs_name,mcs_disastertypeid").then(
function success(typesresult) {
types = typesresult.entities;
console.log("FIRST " + typesresult);
},
function (error) {
console.log(error.message);
// handle error conditions
}
);
}
GetDisasterTypes();
});
</script>
from virtual-select.
@moussa1 please check that does multiple dropdown options has same value.
from virtual-select.
Yes multiple dropdown options will have same value... how can i fix this issue pls?
from virtual-select.
never mind i got it working. thank you
from virtual-select.
Related Issues (20)
- Dropbox has blurry borders in Chromium browsers HOT 2
- when using server search, disableSelectAll doesn't work HOT 6
- When using popup mode and preselected values make the focus go to the dropdown when entering the screen
- The "disabled" property doesn't account for the tabindex. HOT 7
- Inline Style Css Properties is not Showing HOT 1
- Add property in the documentation HOT 1
- deselectAllOnlyVisible feature HOT 1
- Broken display of options with icons HOT 4
- Add classes to button HOT 3
- The search input is disabled when allowNewOption is set to true and the options are empty. HOT 5
- Search Feature Unresponsive After Setting an Empty List of Options HOT 3
- Scrolling is broken when a custom onServerSearch function Is defined HOT 10
- The reset() method is triggering on change event and causing an infinite loop when used on certain contexts HOT 1
- Custom values in onServerSearch are not respected HOT 1
- Scrolling gets stuck in Safari when multiple select has options selected HOT 2
- why i get the wrong in browser console: index.vue:62 Couldn't initiate Virtual Select HOT 1
- Search and Select not working with Groups HOT 1
- Dropdown gets blank after scroll to bottom and changing browser zoom
- first option always selected even when autoSelectFirstOption set to false
- When setting maxValues, first option is always selected
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from virtual-select.