如何在 visualforce 页面上将多选选项列表呈现为复选框
How to render multiselect picklists as checkboxes on a visualforce page
我想通过 Visual force 页面在 salesforce 中实施多select 下拉菜单。我想像这样显示我的下拉菜单 请在下面找到 scrren shot :
我已经使用jquery添加了这个列表:
<apex:page standardStylesheets="false" doctype="html-5.0">
<head lang="en">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<apex:form >
<select id="countries" multiple="multiple">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Japan">Japan</option>
<option value="UK">UK</option>
</select>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#countries').multiselect({
includeSelectAllOption: true
});
});
</script>
</apex:form>
</body>
</apex:page>
我想通过 Visual force 页面在 salesforce 中实施多select 下拉菜单。我想像这样显示我的下拉菜单 请在下面找到 scrren shot :
我已经使用jquery添加了这个列表:
<apex:page standardStylesheets="false" doctype="html-5.0">
<head lang="en">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<apex:form >
<select id="countries" multiple="multiple">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Japan">Japan</option>
<option value="UK">UK</option>
</select>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#countries').multiselect({
includeSelectAllOption: true
});
});
</script>
</apex:form>
</body>
</apex:page>