@hui
1、这个widget在odoo10的时候还是只是在project模块中自定义的一个widget，而且只是在form，kanban视图中有效果，list视图没有效果的。
2、这个widget不能通用的，odoo11好像可以通用了。
我抄写官方的代码，在我需要的模块自定义了一个status_selection的widget，测试效果可以。主要的js代码如下：
代码中50-59行代码，就是根据自定义的selection的key进行颜色的定义。
这个不是很懂，也不知道哪些是多余的，还有就是这个template用原来的好像不行，复制了一份的。:face_with_stuck-out_tongue_winking_eye:
odoo.define('sps_project.include_form_widget', function (require) { 'use strict'; var ajax = require('web.ajax'); var core = require('web.core'); var crash_manager = require('web.crash_manager'); var data = require('web.data'); var datepicker = require('web.datepicker'); var dom_utils = require('web.dom_utils'); var Priority = require('web.Priority'); var ProgressBar = require('web.ProgressBar'); var Dialog = require('web.Dialog'); var common = require('web.form_common'); var formats = require('web.formats'); var framework = require('web.framework'); var Model = require('web.DataModel'); var pyeval = require('web.pyeval'); var session = require('web.session'); var utils = require('web.utils'); var _t = core._t; var QWeb = core.qweb; var StatusSelection = common.AbstractField.extend({ template: "FormSelection", events: { 'click a': function(e) { e.preventDefault(); }, 'mouseup a': function(e) { e.stopPropagation(); }, 'click li': 'set_kanban_selection' }, start: function () { // hook on form view content changed: recompute the states, because it may be related to the current stage this.view.on('view_content_has_changed', this, function () { this.render_value(); }); return this._super(); }, prepare_dropdown_selection: function() { var self = this; var _data = []; _.map(self.field.selection || [], function(selection_item) { var value = { 'name': selection_item[0], 'tooltip': selection_item[1], }; if (selection_item[0] === 'initial') { value.state_class = 'oe_kanban_status_grey'; value.state_name = selection_item[1]; } else if (selection_item[0] === '1st review') { value.state_class = 'oe_kanban_status_green'; value.state_name = selection_item[1]; } else { value.state_class = 'oe_kanban_status_red'; value.state_name = selection_item[1]; } _data.push(value); }); return _data; }, render_value: function() { this._super(); this.states = this.prepare_dropdown_selection(); var self = this; // Adapt "FormSelection" var current_state = _.find(this.states, function(state) { return state.name === self.get('value'); }); this.$('.oe_kanban_status') .removeClass('oe_kanban_status_red oe_kanban_status_green') .addClass(current_state.state_class); // Render "FormSelection.Items" and move it into "FormSelection" var $items = $(QWeb.render('FormSelection.items', { states: _.without(this.states, current_state) })); var $dropdown = this.$el.find('.dropdown-menu'); $dropdown.children().remove(); // remove old items $items.appendTo($dropdown); }, /* setting the value: in view mode, perform an asynchronous call and reload the form view; in edit mode, use set_value to save the new value that will be written when saving the record. */ set_kanban_selection: function (ev) { var self = this; ev.preventDefault(); var li = $(ev.target).closest('li'); if (li.length) { var value = String(li.data('value')); if (this.view.get('actual_mode') === 'view') { var write_values = {}; write_values[self.name] = value; return this.view.dataset._model.call( 'write', [ [this.view.datarecord.id], write_values, self.view.dataset.get_context() ]).done(self.reload_record.bind(self)); } else { return this.set_value(value); } } }, reload_record: function() { this.view.reload(); }, }); core.form_widget_registry.add('status_selection', StatusSelection); return { StatusSelection: StatusSelection, }; });
