精华内容
下载资源
问答
  • Combo

    2020-12-27 19:47:38
    m trying out the igx-combo, and I'm having some minor issues with it: <ol><li>The styling of the combo seems to differ from other components, like igx-input or igx-select, why is that? It makes it...
  • combo

    2017-05-11 15:15:00
    Combo 下拉列表框 public class Combo extends Composite Instances of this class are controls that allow the user to choose an item from a list of items, or optionally enter a new value by typing it ...

    Combo 下拉列表框

    public class Combo

    extends Composite

    Instances of this class are controls that allow the user to choose an item from a list of items, or optionally enter a new value by typing it into an editable text field. Often, Combos are used in the same place where a single selection List widget could be used but space is limited. A Combo takes less space than a List widget and shows similar information.

    combo.removeAll();

             for(int i=0; i<10; i++){

             combo.add("第"+i+"个");

             }

    combo.select(0);

    MessageDialog.openInformation(shell, null, combo.getText());

    1、取消Combo的全部下拉列表项  combo.removeAll()

    2、添加Combo的下拉列表项 add(String),setItems(String[])

    3、使Combo默认选中第一个 combo.select(0)

    4、得到Combo选中的值 用combo.getText()方法。

    public class Combo1 {

        public static void main(String[] args) {

            final Display display = Display.getDefault();

            final Shell shell = new Shell();

            shell.setSize(327, 253);

            shell.setText("SWT Application");

            //------------------新插入的界面核心代码------------------------

     

            final Combo combo = new Combo(shell, SWT.READ_ONLY); //定义一个只读的下拉框

            combo.setBounds(16, 11, 100, 25);

            //设值按钮

            final Button button1 = new Button(shell, SWT.NONE);

            button1.setBounds(17, 65, 100, 25);

            button1.setText("设值");

            button1.addSelectionListener(new SelectionAdapter() {

                public void widgetSelected(SelectionEvent e) {

                    combo.removeAll(); //先清空combo,以防"设值"按钮多次按下时出BUG

                    for (int i = 1; i <= 10; i++)

                        //循环,赋值

                        combo.add("第" + i + "个字符串"); //在combo中显示的字符串

                    combo.select(0); //设置第一项为当前项

                }

            });

     

            //取值按钮

            final Button button2 = new Button(shell, SWT.NONE);

            button2.setBounds(136, 66, 100, 25);

            button2.setText("取值");

            button2.addSelectionListener(new SelectionAdapter() {

                public void widgetSelected(SelectionEvent e) {

                    // combo.getText()得到combo中当前显示的字符串

                    MessageDialog.openInformation(shell, null, combo.getText());

                }

            });

     

            //------------------END---------------------------------------------

            shell.layout();

            shell.open();

            while (!shell.isDisposed()) {

                if (!display.readAndDispatch())

                    display.sleep();

            }

        }

    }

     

     

     

      shell.setLayout(new FillLayout()); //FillLayout对象应用于shell

    FillLayout() 填满整个屏幕。

     

     

     

     

     

    转载于:https://www.cnblogs.com/the-wang/p/6841051.html

    展开全文
  • G6 的内置 Combo 包括 circle 和 rect 两种类型,分别如下图所示。 本文将概述 G6 中的各个内置 Combo 类型、内置 Combo 的通用属性、配置方法。各类型 Combo 详细配置项及配置方法见本目录下相应文档。 ⚠️ 注意:...

    G6 的内置 Combo 包括 circle 和 rect 两种类型,分别如下图所示。
    img

    本文将概述 G6 中的各个内置 Combo 类型、内置 Combo 的通用属性、配置方法。各类型 Combo 详细配置项及配置方法见本目录下相应文档。

    ⚠️ 注意: 使用 Combo 时,必须在示例化图时配置 groupByTypes 设置为 false,图中元素的视觉层级才能合理。

    内置 Combo 类型说明

    下面表格中显示了内置的各类 Combo,同时对一些特殊的字段进行了说明:

    名称描述默认示例
    circle圆形:
    - size 是单个数字,表示直径
    - 圆心位置对应 Combo 的位置
    - color 字段默认在描边上生效
    - 标签文本默认在 Combo 正上方
    - 更多字段见 Circle Combo 教程
    - Demo
    img
    rect矩形:
    - size 是数组,例如:[100, 50]
    - 矩形的中心位置是 COmbo 的位置,而不是左上角
    - color 字段默认在描边上生效
    - 标签文本默认在 Combo 左上角
    - 更多字段见 Rect Combo 教程
    - Demo
    img

    Combo 的通用属性

    所有内置的 Combo 支持的通用属性:

    属性名类型是否必须示例说明
    idstringtrue'comboA'一个 Combo 的唯一标识,必须是 string 类型,必须唯一
    typestringfalse'rect'指定该 Combo 的类型,可以是内置 Combo 的类型名,也可以是自定义 Combo 的类型名。默认是 'circle'
    parentIdstringfalse'comboB'该 Combo 的父 Combo 的 ID
    sizefalseNumber / Array30 或 [30, 20]Combo 的最小大小,默认 'circle' 类型 Combo 的 size 为 20,'rect' 类型的为 [20, 5]
    paddingNumber / Number[]false10 或 [ 10, 20, 10, 20 ]该 Combo 内边距,默认 'circle' 类型 Combo 的 padding 为 25,'rect' 类型的为 [25, 20, 15, 20]
    styleObjectfalse该 Combo 的样式配置项
    labelstringfalse'Combo A'该 Combo 的文本标签
    labelCfgObjectfalse该 Combo 的文本标签样式配置项

    样式属性 style

    Object 类型。通过 style 配置来修改 Combo 的填充色、边框颜色、阴影等属性。下表是 style 对象中常用的配置项:

    名称是否必须类型备注
    fillfalseStringCombo 填充色
    strokefalseStringCombo 的描边颜色
    lineWidthfalseNumber描边宽度
    shadowColorfalseString阴影颜色
    shadowBlurfalseNumber阴影范围
    shadowOffsetXfalseNumber阴影 x 方向偏移量
    shadowOffsetYfalseNumber阴影 y 方向偏移量
    opacityfalseNumber设置绘图的当前 alpha 或透明值
    fillOpacityfalseNumber设置填充的 alpha 或透明值
    cursorfalseString鼠标在该 Combo 上时的鼠标样式,CSS 的 cursor 选项都支持

    下面代码演示在实例化图时全局配置方法中配置 style

    const graph = new G6.Graph({
      container: 'mountNode',
      width: 800,
      height: 600,
      // 必须将 groupByTypes 设置为 false,带有 combo 的图中元素的视觉层级才能合理
      groupByTypes: false,
      defaultCombo: {
        // ... 其他属性
        style: {
          fill: '#steelblue',
          stroke: '#eaff8f',
          lineWidth: 5,
          // ... 其他属性
        },
      },
    });

    标签文本 label 及其配置 labelCfg

    label String 类型。标签文本的文字内容。
    labelCfg Object 类型。配置标签文本。下面是 labelCfg 对象中的常用配置项:

    名称是否必须类型备注
    positionfalseString文本相对于 Combo 的位置,目前支持的位置有:  'center''top''left''right''bottom'。默认为 'top'
    refXfalseNumber文本的偏移,在 x 方向上的偏移量
    refYfalseNumber文本的偏移,在 y 方向上的偏移量
    stylefalseObject标签的样式属性。

    上表中的标签的样式属性 style 的常用配置项如下:

    名称是否必须类型备注
    fillfalseString文本颜色
    strokefalseString文本描边颜色
    lineWidthfalseNumber文本描边粗细
    opacityfalseNumber文本透明度
    fontSizefalseNumber文本字体大小
    fontFamilyfalseNumber文字字体
    ... Combo 标签与节点、边标签样式属性相同,统一整理在 Text 图形 API

    下面代码演示在实例化图时全局配置方法中配置  label 和  labelCfg

    const graph = new G6.Graph({
      container: 'mountNode',
      width: 800,
      height: 600,
      // 必须将 groupByTypes 设置为 false,带有 combo 的图中元素的视觉层级才能合理
      groupByTypes: false,
      defaultCombo: {
        // ... 其他属性
        labelCfg: {
          position: 'top',
          offset: [10, 10, 10, 10],
          style: {
            fill: '#666',
          },
        },
      },
    });

    Combo 的配置方法

    配置 Combo 的方式有三种:实例化图时全局配置,在数据中动态配置,使用 graph.combo(comboFn) 函数配置。这几种配置方法可以同时使用,优先级:

    使用 graph.combo(comboFn) 配置 > 数据中动态配置 > 实例化图时全局配置

    即有相同的配置项时,优先级高的方式将会覆盖优先级低的。

    实例化图时全局配置

    用户在实例化 Graph 时候可以通过 defaultCombo 配置 Combo ,这里的配置是全局的配置,将会在所有 Combo 上生效。

    const graph = new G6.Graph({
      container: 'mountNode',
      width: 800,
      height: 600,
      // 必须将 groupByTypes 设置为 false,带有 combo 的图中元素的视觉层级才能合理
      groupByTypes: false,
      defaultCombo: {
        type: 'circle',
        // 其他配置
      },
    });

    在数据中动态配置

    如果需要为不同 Combo 进行不同的配置,可以将配置写入到 Combo 数据中。这种配置方式可以通过下面代码的形式直接写入数据,也可以通过遍历数据的方式写入。

    const data = {
      nodes: [
        ... // 节点
      ],
      edges: [
        ... // 边
      ],
      combos: [{
        id: 'combo0',
        size: 100,
        type: 'circle',
        ...    // 其他属性
        style: {
          ...  // 样式属性,每种 Combo 的详细样式属性参见各类型 Combo 文档
        }
      },{
        id: 'combo1',
        size: [50, 100],
        type: 'rect',
        ...    // 其他属性
        style: {
          ...  // 样式属性,每种 Combo 的详细样式属性参见各类型 Combo 文档
        }
      },
      // 其他 combo
      ]
    }

    使用 graph.combos()

    该方法可以为不同 combo 进行不同的配置。


    提示:

    • 该方法必须在 render 之前调用,否则不起作用;
    • 由于该方法优先级最高,将覆盖其他地方对 combo 的配置,这可能将造成一些其他配置不生效的疑惑;
    • 该方法在增加元素、更新元素时会被调用,如果数据量大、每个 Combo 上需要更新的内容多时,可能会有性能问题。
    // const data = ...
    // const graph = ...
    graph.combo(combo => {
      return {
        id: combo.id,
        type: 'rect',
        style: {
          fill: 'blue',
        },
      };
    });
    

    graph.data(data);
    graph.render();

    示例

    const data = {
      nodes: [{
        id: 'node1',
        label: 'Node1',
        comboId: 'rect_combo'
      }, {
        id: 'node2',
        label: 'Node 2'
      }],
      combos: [
        {
          id: 'circle_combo',
          type: 'circle',
          label: 'Circle',
        },
        {
          id: 'rect_combo',
          type: 'rect',
          label: 'Rect',
        },
      ],
    };
    

    const graph = new G6.Graph({
    container: ‘mountNode’,
    width: 1500,
    height: 300,
    // 必须将 groupByTypes 设置为 false,带有 combo 的图中元素的视觉层级才能合理
    groupByTypes: false,
    });
    graph.data(data);
    graph.render();

    显示结果:
    img

    调整 Combo 配置

    下面演示通过将配置写入数据的方式,调整 id'rect_combo' 的文本位置、颜色、样式。将下面代码替换上面代码中 id 为  'rect_combo' 的 combo 数据即可生效。

    {
      id: 'rect_combo',
      type: 'rect',
      label: 'Rect Combo',
      labelCfg: {
        position: 'bottom',
        refX: 5,
        refY: -12,
        style: {
          fill: '#fff'
        }
      },
      style: {
        fill: '#fa8c16',
        stroke: '#000',
        lineWidth: 2
      }
    }
    img

    相关阅读

    展开全文
  • Combo Mode

    2020-11-20 20:06:06
    <div><p>Would love to see Combo Mode as implemented in Atom <p>https://atom.io/packages/activate-power-mode</p> <p><img alt="combo mode" src=...
  • Combo Bolus

    2020-11-27 18:03:29
    Would be nice to have the ability to input a combo bolus to the careportal. We are currently using some guidance on how to bolus for fats and proteins and for some meals that recommends a bolus ...
  • combo keys

    2020-12-08 23:18:05
    <div><p>Error using combo keys: L + (🔺, ◾, ⚪, X) R + (🔺, ◾, ⚪, X) <p>On psvita game Ragnarok Odessey Ace.</p><p>该提问来源于开源项目:xerpi/ds4vita</p></div>
  • Combo chart

    2020-12-02 23:17:09
    <p>Add Combo Chart. Combo chart can be composed of line chart + simple, stacked or grouped bar chart. <p>Closes #454. Closes #527. Closes #3. <h3>Demo screenshot or recording <p><img width="1100...
  • Combo Chart

    2020-12-02 00:19:21
    <p>When combo charts initalizes its sub-charts, a line of code in the base-chart constructor removes the "chart-svg" element drawn by the combo constructor. This affected the calculation of ...
  • Custom Combo Label

    2020-12-30 05:18:17
    <div><p>Allows to define a custom Section Combo label in NewSections hook like <p>function NewSections($links){ [...] $links[] = array( array( 'text.gpCol-4', // sectionType....
  • Searchable combo box

    2020-12-28 02:11:39
    <div><p>Finally got a properly working searchable combo box (already tried it when I did the advanced generator). These combo boxes filter their drop down contents based on text typed there. Just ...
  • Editable Combo box

    2020-12-08 21:49:41
    <p>Provide a mechanism/documentation to add new items to the vaadin-combo-box. <h3>Expected outcome <p>Vaadin combo box should provide mechanism to add items e.g. <p>...
  • Add combo list

    2020-12-08 19:29:06
    <div><p>Could you please implement bruteforcing by combo list. E.g. combo list as follows: admin:admin root:password root:123456789 same like hydra does. From man hydra: " -C FILE colon ...
  • Combo Menu Failiure

    2021-01-12 17:16:26
    <p>I select the database from the combo box on the left hand side. I click. It loads up with the '-' option selected, and a blank page. <p>Click 'Home' takes me back to the start. ...
  • Combo target change

    2020-11-28 21:31:13
    <div><p>After testing around a bit with combos, I noticed that on official servers I can attack any enemy with a triggered combo, rather than only the one that triggered the combo. <p>I have ...
  • add combo system

    2020-12-08 21:19:34
    <div><p>add combo system</p><p>该提问来源于开源项目:OpenNos/OpenNos</p></div>
  • Combo box flickering

    2020-12-09 02:40:28
    <div><p>The combo box is flickering on slow mouse over.</p><p>该提问来源于开源项目:EtienneLamoureux/TQVaultAE</p></div>
  • combo ajax issue

    2020-12-02 13:49:44
    <div><p>Product combo ajax don't add product to customers order when change qty or price on the row. Instead on supplier order add with no problem, also changing qty</p><p>该提问来源于开源项目&#...
  • Combo Objective function

    2020-12-02 03:56:16
    The first level is the standard Combo Regularization object containing a list of base regularizations: <p><code>reg1 = [reg.Small, reg.Derivx, reg.Derivy, reg.Derivz]</code></p> <p>Then there is ...
  • easyUI Combo

    千次阅读 2012-08-01 16:05:34
    继承至 $.fn.validatebox.defaults, 覆盖默认值$.fn.combo.defaults combo显示一个可编辑的文本框和一个下拉panel在html页面上,这个是构建其他复杂combo组件的基础组件,例如combobox,combotree, combogrid, ...

    @author YHC

    继承至 $.fn.validatebox.defaults, 覆盖默认值$.fn.combo.defaults

    combo显示一个可编辑的文本框和一个下拉panel在html页面上,这个是构建其他复杂combo组件的基础组件,例如combobox,combotree, combogrid, 等等.


    相关依赖

    • validatebox
    • panel

    使用

    combo创建可以从<input>和<select>元素使用javascript,注意从标记创建combo是无效的.
    <input id="cc" value="001">  
    $('#cc').combo({  
        required:true,  
        multiple:true  
    }); 

    属性

    这个属性继承至validatebox,下面是combo的新增属性.

    Name Type Description Default
    width number 组件的宽度. auto
    panelWidth number 下拉 panel 宽度. null
    panelHeight number 下拉 panel 高度. 200
    multiple boolean 决定是否支持多项选择. false
    separator string 多项选择的时候的文本分隔符. ,
    editable boolean 用户是否可以直接输入文本到选择框. true
    disabled boolean 是否禁用该选择框. false
    hasDownArrow boolean 定义是否显示下拉箭头按钮. true
    value string 默认值.  
    delay number 从最后一次输入事件,延时查找. 200
    keyHandler object 当用户按下按键的时候这个函数被调用. 默认的 keyHandler定义为:
    keyHandler: {
    	up: function(){},
    	down: function(){},
    	enter: function(){},
    	query: function(q){}
    }
    
     

    事件

    Name Parameters Description
    onShowPanel none 当下拉panel显示的时候触发.
    onHidePanel none 当下拉panel隐藏的时候触发.
    onChange newValue, oldValue 当选择框的值发生改变的时候触发.

    方法

    这些方法继承自 validatebox, 以下是combo的新增的方法.

    Name Parameter Description
    options none 返回options 对象.
    panel none 返回下拉 panel 对象.
    textbox none 返回 textbox 对象.
    destroy none 销毁该组件.
    resize width 调整组件的宽度.
    showPanel none 显示下拉 panel.
    hidePanel none 隐藏下拉panel.
    disable none 禁用组件.
    enable none 启用组件.
    validate none 验证输入值.
    isValid none 返回验证的结果.
    clear none 清空组件的值.
    getText none 得到文本框文本.
    setText text 设置文本框值.
    getValues none 得到组件的值数组.
    setValues values 设定组件的值数组.
    getValue none 得到组件值.
    setValue value 设置组件值.
       以上如有错误信息请指出!thanks!




    展开全文
  • css combo打包

    2019-10-04 13:01:23
    如果利用@import形式来组织你的css,那么你就可以用打包工具CSS Combo了: 首先安装css combo: npm install -g css-combo 然后进入你所在的入口文件(本例为style.css)目录,输入: csscombo style.css ...

    如果利用@import形式来组织你的css,那么你就可以用打包工具CSS Combo了:

    首先安装css combo:

    npm install -g css-combo
    

    然后进入你所在的入口文件(本例为style.css)目录,输入:

    csscombo style.css style.combo.css
    

    这样就会把style.css文件打包成style.combo.css文件。很简单吧。当然还有其他参数,请见github文档

    好吧,你不喜欢用命令,或者你想整合该工具到你自己的一整套打包工具中,可以到github上看相关的api文档:https://github.com/daxingplay/css-combo

     

    其他命令:

    压缩:csscombo style.css style.combo.css -compress

     

    转载于:https://www.cnblogs.com/starweb/archive/2013/01/17/2865542.html

    展开全文
  • Combo接口

    千次阅读 2015-12-29 15:05:37
    Combo接口 指端口复用,两个只能用一个,比如如果存储板载接口卡支持combo,就可以选择使用GE或FC,提供灵活的端口选择
  • easyui combo

    2017-10-02 23:07:11
    ; charset=UTF-8" pageEncoding="UTF-8"%> demo-combo-animation Select a language Java C# Ruby Basic F
  • Combo chart docs

    2020-12-26 01:30:18
    <p>How do you implement the combo chart? I checked your documentation still can't find it. Guessing it is not yet updated. <p>Attached here the image I'm trying to achieve. ...
  • Comboboxes?

    2020-12-09 09:25:09
    <div><p>I want to use this for the menu of my game, and ... It would be great if you could add comboboxes yourself, as I cant figure it out</p><p>该提问来源于开源项目:joaoventura/pylibui</p></div>
  • Jquery combo-select

    2015-11-12 13:15:21
    Jquery combo-select
  • Combo 组合

    千次阅读 2012-11-19 20:53:34
    扩展自 $.fn.... 用 $.fn.combo.defaults 重写了 defaults 。   依赖 validateboxpanel 用法 1. id="cc" value="001">  2. id="cc">    1. $('#cc').combo({ 2. required:
  • Qt Combo Box

    2021-01-17 11:01:25
    Qt Combo Box 完成效果预览 代码实现 sizeComboxBox是Combo Box的名字 //初始化字号列表项 QFontDatabase fontdb; //返回链表链表里边保存的是int类型 foreach(int fontsize,fontdb.standardSizes()) ui->...
  • Combo Box

    2014-05-07 12:26:44
    一、如何添加/删除Combo Box内容 1. 在Combo Box控件属性的Data标签里面添加,一行表示Combo Box下拉列表中的一行。换行用ctrl+回车。 2. 在程序初始化时动态添加  如: //控件内容初始化  CString ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,675
精华内容 3,470
关键字:

combo