Ext multiselect 怎样设置只能单选

Posted 2023-05-17

ext的MultiSelect 允许在一个form的域中选择一个或者多个字段值。这个数据的结构是一个数据存储来源，它可以重新排序通过拖动或者删除，只要设置ddReorder:true 即可。
常用举例如下：

/*
* Ext.ux.form.MultiSelect Example Code
*/
var msForm = Ext.widget(\'form\',
title: \'MultiSelect Test\',
width: 400,
bodyPadding: 10,
renderTo: \'multiselect\',
items:[
anchor: \'100%\',
xtype: \'multiselect\',
msgTarget: \'side\',
fieldLabel: \'Multiselect\',
name: \'multiselect\',
id: \'multiselect-field\',
allowBlank: false,
store:
fields: [ \'number\', \'numberName\' ],
proxy:
type: \'ajax\',
url: \'Numbers\',
reader: \'array\'
,
autoLoad: true
,
valueField: \'number\',
displayField: \'numberName\',
value: [\'3\', \'4\', \'6\'],
ddReorder: true
],
dockedItems: createDockedItems(\'multiselect-field\')
); 参考技术A 在select元素上设置一个size属性就好,值必须大于1哦.
示例代码如下:
<select name="product" class="dropdownlist" size="2">
<option value="1">东东</option>
<option value="2">西西</option>
<option value="3">南南</option>
</select>
<script type="text/javascript">
$(function()
//单选下拉框
$('.dropdownlist').multiselect(
nonSelectedText: '请选择',
enableFiltering: true,
buttonWidth: '350px'
);
);
</script>

当然你也可以加一个空的选项,如:<option value=””>请选择</option>,这样做的话会在列表中显示这个选项,敢脚不怎么舒服.

Bootstrap multiselect单选按钮选择了多个选项

我正在将Bootstrap Multiselect控件用于页面上的多个选项，并且为了统一性，将其用于接受多个选项的项目以及仅接受单个项目的项目（单选按钮）。用户完成一个条目并保存后，页面的这一部分暂时隐藏，并显示不同的部分（虽然我认为不相关。）单击按钮后，再次显示此部分，并且应该使用多选控件更新以显示新数据。 （这是在AJAX代码中发生的。）

问题是，虽然单选按钮的正确选项显示控件关闭时，当您将其打开时，该项目和列表中的第一项都被选中。实际上，经过几轮之后，可以选择两个以上的按钮。

我尝试了几种代码来正确地重置事物。这是生成这些单选按钮样式控件之一的HTML / PHP代码：

    <div class="form-group">
        <label class="control-form-label col-md-offset-1 col-md-1" for="urgency">When</label>
        <div class="col-md-9">
            <select id="urgency" required>
            <?php
            $urgency = getdata("GetActionUrgencies", "", "Couldn't retrieve list of urgency.<br/>");
            while ($obj = mysqli_fetch_object( $urgency)) {
                echo "<option value='".$obj->UrgencyDesc."' id='".$obj->iID."'>".$obj->UrgencyDesc."</option>";
            }
            ?>
            </select>
        </div>
    </div>

这是我在AJAX成功方法中使用的javascript来更新它：

$('#urgency').multiselect('deselectAll',false);         
$('#urgency').multiselect('select', obj.UrgencyDesc);

我也试过在这段代码之后调用multiselect（'refresh'），但它没有改变任何东西。

有任何想法吗？

答案

我有类似的问题，我用过：

$（ '＃yourSelect'）VAL（[]）多选（ '刷新'）。;

它为我做了伎俩。

另一答案

来自Bootstrap-Multiselect文档：“目前，在调用.multiselect（'selectAll'，justVisible）之后，需要手动调用.multiselect（'updateButtonText'）。”

你试过这个吗？