wijmo combo box 只读如何设置

收藏

wijmo combo box 只读属性如何设置

Alice · Alice

回复 1楼weston.wei的帖子

非工作时间论坛没有值守，您的问题将在工作日第一时间处理。
对于wijmo Combobox，给予wijmo.angular框架，如果想要不能编辑，可以通过is-editable为true来实现。
该属性的设置可以参考产品文档：
http://wijmo.com/5/docs/topic/wijmo.angular.Module.html

weston.wei · weston.wei

设置之后，还可以下拉选择，我们是想不能下拉选择也不能输入，有时候单据提交生效后，这时候只能只读，不能改了，但是我们不想禁用，因为有时候需要复制一些内容，所以想设置成只读，明白吗？

Alice · Alice

回复 3楼weston.wei的帖子

无论设置Dom元素的ReadOnly还是IsEditable，不能编辑，点击下拉框都是可以打开的但选择无效。
接口上没有点击按钮无效的方法，最简单的方法就是设置showDropDownButton为false，隐藏掉下拉按钮。

weston.wei · weston.wei

最简单的方法就是设置showDropDownButton为false，隐藏掉下拉按钮，这样做之后，设置 IsEditable这个就没有效了，你测试一下就知道了。

Alice · Alice

回复 5楼weston.wei的帖子

我测试设置isEditable=false&showDropDownButton=false，下拉框不显示，也不能在TextBox框输入（下拉列表的值除外）。

还是说我对你的需求理解不对，你需要的是如下的样子：

这种样式只要设置disabled属性为true。

Alice · Alice

回复 5楼weston.wei的帖子

通过电话了解需求，需要不能打开下拉框，但是可以获取焦点。
和研发组沟通，没有直接的属性可以满足需求。

可以尝试利用HTML5支持的事件来自己处理鼠标和键盘消息，定义自己的逻辑。
比如使用keydown键盘事件，不符合条件就不允许输入。

comboBox1.hostElement.addEventListener('keydown', function (e) {
var keyID = e.keyCode ? e.keyCode : e.which;
//满足一定的条件，这里可以自己定义
if (keyID === 71 || keyID === 65) {
//执行的操作
}
else {
//不满足条件，通知 Web 浏览器不要执行与事件关联的默认动作
e.preventDefault();
}
});

复制代码

weston.wei · weston.wei

加了上面的事件，下拉列表的值还是可以输入的！麻烦帮想想办法吧。

Alice · Alice

回复 8楼weston.wei的帖子

我这里测试用键盘事件是不能输入。
请参考附件的示例：

weston.wei · weston.wei

搞定了，使用它内部的一些事件就可以搞定！

      $scope.droppeddownchanging = function (e)
      {
         e.cancel = true;
      }
      $scope.comboinitialized = function (s, e)
      {
         var el = s;
         var iel = el.inputElement;
         $(iel).attr("readonly", "true");
      }

		自动登录	找回密码
密码			立即注册

[已处理] wijmo combo box 只读如何设置

10 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

微信认证勋章

元老葡萄

活字格认证