wijmo combo box 只读如何设置

wijmo combo box 只读属性如何设置

回复 1楼weston.wei的帖子

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

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

回复 3楼weston.wei的帖子

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

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

回复 5楼weston.wei的帖子


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

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


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

回复 5楼weston.wei的帖子

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

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

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

复制代码

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

回复 8楼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");
        }