odoo search view touch device disable auto focus

ODOO搜索视图触屏设备禁用自动聚焦
标准搜索视图都是配合其他数据视图组合呈现的，其有个特性就是会自动获取焦点到搜索输入框方便用户快速进行数据筛选

如今大部分的移动设备如手机、平板等都是使用软键盘进行触控输入，当系统检测到焦点被可输入元素获取到时会自动弹出占用将近一半屏幕大小的虚拟键盘。如此搜索视图那原本人性化的设计在移动设备下日常使用动不动就被弹出键盘的行为反而变的更不友好

经过源码分析若不覆盖原设计方法冗余重构的情况下还有自动失焦的对冲方案，同时这个效果也是Web浏览器经典的UI线程和JS线程互斥表现演示：

/**
 * author: i@renjie.me
 */
var config = require('web.config');
var SearchView = require('web.SearchView');
SearchView.include({
    renderFacets: function() {
        var self = this;
        self._super.apply(self, arguments);
        if (config.device.touch) {
            var input_view = _.last(self.input_subviews);
            if(input_view){
                input_view.$el.blur();
            }
        }
    }
});

/**

* author: i@renjie.me

var config = require('web.config');

var SearchView = require('web.SearchView');

SearchView.include({

renderFacets: function() {

var self = this;

self._super.apply(self, arguments);

if (config.device.touch) {

var input_view = _.last(self.input_subviews);

if(input_view){

input_view.$el.blur();

}

});

《odoo search view touch device disable auto focus》有2个想法

我想咨询下，这个search视图的input输入搜索条件后，是调用哪个js方法或者py方法搜索到数据的，数据又是怎么展示到对应的list视图上的？

仁杰说道：

2019-04-28 20:30

不同版本的odoo前端代码都有些变化，特别是8，10，12差异很大，js方法就是看代码找，py方法则找起来最通用，一般前端抓包一下就知道对应的后台接口了，所有的视图都有自己的展示数据实现用于供该接口返回填充

回复

《odoo search view touch device disable auto focus》有2个想法

发表评论 取消回复

发表评论取消回复