Chosen: 禁用的选择框对选择没有影响

创建于 2011-07-25 · 28评论 · 资料来源: harvesthq/chosen

选择的 dosent 考虑它替换的选择框何时被禁用。

我正在使用原型版本。

资料来源

xLink

所有28条评论

晚安，如何禁用组合，只显示信息但不能更改，当我想修改信息时，我激活它

luishernandezpw 于 2011-07-26

👎1

我也有这个问题。有没有办法禁用整个选择框（不仅仅是几个选项）？我正在使用 jquery 版本。

bearesh 于 2011-08-02

我投赞成票。
如果可以尊重 disabled="disabled" 就好了。

damac23 于 2011-08-04

+1！

wjcrowcroft 于 2011-08-05

+100 真的需要那个功能。

如果原始组合框被禁用，则选择的组合也应该被禁用。
$('#combo').attr('disabled','disabled'); 也应该禁用选择。它也应该调用触发器更改事件来应用吗？

cevarief 于 2011-08-09

ryanilg 于 2011-08-09

ghost 于 2011-08-09

+1000
我需要，请修复它
尽快。
（我使用的是 jQuery 版本）

shuhrat10 于 2011-08-12

不确定发布这个是否可以，但我知道这是人们想要的。我想出了一个短期的创可贴来解决这个问题。它适用于 jquery 版本。我不知道原型。

在 selected.jquery.js ...
(1) 在第 30 行应该是函数调用"this.set_up_html();" this.disabled = $(elmn).attr('disabled');在它之前添加行
(2) 在第 52 行，替换
container_div = $("<div />", { id: this.container_id, "class": "chzn-container " + (this.is_rtl ? ' chzn-rtl' : void 0), style: 'width: ' + this.f_width + 'px;' });
和
if( !this.disabled ) { container_div = $("<div />", { id: this.container_id, "class": "chzn-container " + (this.is_rtl ? ' chzn-rtl' : void 0), style: 'width: ' + this.f_width + 'px;' }); } else { container_div = $("<div />", { id: this.container_id, "class": "chzn-container " + (this.is_rtl ? ' chzn-rtl' : void 0), style: 'opacity:0.5;width: ' + this.f_width + 'px;' }); }

如您所见，我只是修改了不透明度。你可以做任何你想做的事情来让它变灰。

(3) 在第 142 行你会看到Chosen.prototype.container_click = function(evt) {
在if( !this.disabled ) {之后添加，并在第 175 行在};添加一个大括号}

担

bearesh 于 2011-08-12

仅阻止点击，如果您向下按滚动箭头，向左向右，您可以选择一个选项或进行搜索

luishernandezpw 于 2011-08-12

是的，这是有道理的。我想你也只需要为那些（箭头键）功能重复第 3 步（它们在页面下方）。我没有意识到你可以使用箭头键。

bearesh 于 2011-08-12

+1 现在可以真正使用此功能。

kb 于 2011-08-24

我想将 selected 用于我正在处理的项目，但我不能没有此功能。

freost 于 2011-08-29

+1。此功能对于能够声称 selected 是不显眼的非常必要。

tobiasgies 于 2011-09-02

除了@danielberesh的建议之外，我还用 if (!this.disabled) 检查包围了 Chosen.prototype.keyup_checker 和 Chosen.prototype.keydown_checker 的内容。这对我来说完全禁用了禁用字段中的键导航，这使它们的行为完全像禁用的表单字段。感谢丹尼尔为我指明了正确的方向。

tobiasgies 于 2011-09-05

+100500

svasva 于 2011-09-07

我已经实施了这些建议并在此处发送了拉取请求：

https://github.com/harvesthq/chosen/pull/248

philsturgeon 于 2011-09-08

在 f1e1c55 中添加了对禁用表单字段的支持。请更新到最新版本。

Chosen 将在其初始构建中检查禁用状态。之后，您需要触发更新的字段事件，让插件知道发生了变化。

jQuery

$("#original_form_field").attr('disabled', true).trigger("liszt:updated");

原型

$("original_form_field").disabled = true;
$("original_form_field").fire("liszt:updated");

pfiller 于 2011-09-22

👍1

谢谢！

tobiasgies 于 2011-09-22

还请删除禁用的“删除”十字图标

svasva 于 2011-09-23

感谢您指出这一点， @erundook - 忘记了关于删除选择的所有内容。当该字段被禁用/重新启用时，我尝试隐藏并显示删除图标，但感觉不太对。相反，如果表单字段被禁用，我现在只是禁用图标上的点击行为。拉出最新的并试一试！

pfiller 于 2011-09-23

非常感谢

luishernandezpw 于 2011-09-23

当 readonly 属性存在时，这个选择的 UI 也应该被禁用......

sheadawson 于 2012-11-19

@sheadawson我做了一个公关： https :

michaelperrin 于 2013-01-31

惊人的！！！非常容易使用。

ghost 于 2013-02-21

正如 sheadawson 所提到的，“只读”属性似乎遇到了同样的问题。我认为如果这也能奏效就太好了。

chrisosborn 于 2014-11-06

你好..
我正在使用选定的版本 1.4.2

在禁用的多选列表框（控件在加载服务器端被禁用）上，选择的样式没有效果.. 就我经历过的而言，所有提到的代码在这个版本中都可用..

任何人都可以建议我一个更好的选择来让它工作......尽快。请

谢谢
斯里吉斯

sri10102005Narayanan 于 2016-07-25

👎1

也适用于我！谢谢！

mxmkhv 于 2018-08-08

此页面是否有帮助？

0 / 5 - 0 等级

Chosen: 禁用的选择框对选择没有影响

所有28条评论

相关问题