条件格式插件

cybozu发表于:2017年01月06日 11:44:57更新于:2022年10月13日 13:37:13

公开了对应新设计风格和进行功能扩展的“新风格版 条件格式插件”。
如要使用新的条件格式插件,建议使用“新风格版 条件格式插件”。

Index

注意事项

  • 直接使用此处提供的程序范例时,才望子不保证程序的正常运行。

  • 才望子不提供对程序范例的技术支持。

  • 请注意:kintone的插件功能只可在标准版中使用,简易版中无法使用。

概要

这次我们将为大家介绍,将已经公开的范例 “在记录列表和记录详情页面中设置条件格式” 的JavaScript程序插件化的操作方法。
具体操作请参考 kintone 插件开发流程
2016/02/26:此插件对应了新设计风格并进行了功能扩展,具体可参考 “新风格版 条件格式插件” 。

完成的样子

下面是应用使用这个插件后,大致的样子。

应用

0015886f8ca7fa0369fcc9afb392f67

0015886f8cc772175fe138005ad4c65

设置页面

0015886f8d0244e4917f99c70082fb5

范例插件

访问GitHub ,并下载各个文件夹。这些文件夹的里面有一个叫“examples/conditionformat”的,是这次使用的整个文件包。
下面是 “conditionformat” 下面的文件结构。

conditionformat/
 css/
   -51-modern-default.css
   -config.css
 html/
   -config.html
 image/
   -icon.png
 js/
   -config.js
   -cpick.js
   -desktop.js
 manifest.json

插件文件的结构

文件夹:css

  • 51-modern-default.css
    才望子提供的插件设置页面的样式。

  • config.css
    插件设置页面调整用的样式。

文件夹:html

  • config.html
    插件设置页面的HTML。

    为显示条件格式,需要设置下面这些字段的页面。

    • 格式条件字段

    • 条件式

    • 条件值

    • 格式编辑对象字段

    • 颜色

    • 大小

    • 列表背景色

文件夹:img

  • icon.png
    插件的图标

文件夹:js

  • config.js
    插件设置页面的程序。主要进行下面的处理。

    • 点击 “保存” 按钮的时候,如有必填项目,显示警告。

    • 点击 “保存” 按钮的时候,设置的值传递给插件的变量。

    • 点击 “取消” 按钮的时候,回到前面的页面。

    • 如果已经设置过插件变量的情形,设置各个字段的值。

  • cpick.js
    插件设置页面的调色板程序。

  • desktop.js
    条件格式的程序。(PC专用版专用)

文件夹:manifest.json

插件的资源配置清单。

打包

关于插件的打包方法,请参考 此Tips的打包步骤 ,进行打包。

导入和设置

  1. 根据设置页面,将下载后的 “plugin.zip”导入到kintone的系统管理页面。

  2. 在应用的设置页面上,安装插件。

  3. 在插件的设置页面上,设置可对条件格式进行设置的字段。

“kintone活动日历插件的作成范例”的教程 里对插件的安装方法和动作确认进行了详细的介绍,大家可以参考一下。

限制事项

  • 移动端无法使用此插件。

  • 这个插件是依照旧设计版制作的,当切换到新设计时无法保证动作的正常运行。新设计版的条件格式插件可参考这里。

所使用的OSS许可证信息

此插件使用的OSS许可证如下:


    注意:贴代码时请注意格式并使用"代码语言",与本文无关的问题请至“讨论社区”提问。