cronapp-framework-js/components/crn-enterprise-dynamic-combobox.components.json

Javascript library for CronApp's projects

{
  "name": "crn-enterprise-dynamic-combobox",
  "onDrop": "openEditor",
  "onDoubleClick": "openEditor",
  "text_pt_BR": "Caixa de seleção dinâmica",
  "text_en_US": "Dynamic Combobox",
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-enterprise-dynamic-combobox.svg",
  "description": "Campo de seleção com valores da fonte de dados",
  "description_en_US": "Selection field with data source values",
  "category": [
    "INPUTS", "FORMS", "COMBOS"
  ],
  "order": 3,
  "setRandomId": false,
  "designTimeDynamic": true,
  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-combobox.designtime.html",
  "designTimeSelector": "cron-dynamic-select",
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-combobox.template.html",
  "properties": {
    "class": {
      "order": 9999
    },
    "crn-tooltip": {
      "displayName_pt_BR": "Tooltip",
      "displayName_en_US": "Tooltip",
      "order": 2
    },
    "id": {
      "order": 1
    }
  },
  "childrenProperties": [
    {
      "name": "no-results-message",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Texto quando não tem resultados",
      "displayName_en_US": "Text when there are no results",
      "type": "text"
    },
    {
      "name": "cron-disabled",
      "selector": "cron-dynamic-select",
      "displayName_en_US": "Disabled",
      "displayName_pt_BR": "Desabilitado",
      "type": "logic"
    },
    {
      "name": "ng-change",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Ao Alterar",
      "displayName_en_US": "On Change",
      "type": "event",
      "eventFields" : [ 
        "selected" , 
        "selectedKey",
        "selectedValue"
     ]
    },
    {
      "name": "ng-select",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Ao Selecionar",
      "displayName_en_US": "On Select",
      "type": "event",
      "eventFields" : [ 
        "selected" , 
        "selectedKey",
        "selectedValue"
     ]
    },
    {
      "name": "ng-close",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Ao Fechar",
      "displayName_en_US": "On Close",
      "type": "event"
    },
    {
      "name": "ng-data-bound",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Ao Carregar",
      "displayName_en_US": "On DataBound",
      "type": "event"
    },
    {
      "name": "ng-filtering",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Ao Filtrar",
      "displayName_en_US": "On Filtering",
      "type": "event"
    },
    {
      "name": "options",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Configuração",
      "displayName_en_US": "Configuration",
      "type": "text",
      "order": 1,
      "mandatory": true
    },
    {
      "name": "ng-model",
      "selector": "cron-dynamic-select",
      "type": "text",
      "order": 3,
      "mandatory": true
    },
    {
      "name": "content",
      "selector": "label",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "type": "text",
      "order": 2
    },
    {
      "name": "ng-required",
      "selector": "cron-dynamic-select",
      "type": "logic",
      "order": 4
    },
    {
      "name": "validationMessage",
      "selector": "cron-dynamic-select",
      "displayName_pt_BR": "Texto quando requerido",
      "displayName_en_US": "Text when required",
      "type": "text",
      "mandatory": false,
      "order": 5
    },
    {
      "name": "id",
      "selector": "cron-dynamic-select",
      "type": "text",
      "onSave": "javascript:(value)=> {this.currentObject.parent().find('label').attr('for', arguments[0]); return arguments[0];}"
    }
  ],
  "styles": [
    {
      "selector": "div#{id} .k-dropdown-wrap",
      "text_pt_BR": "Caixa de Seleção",
      "text_en_US": "Combobox"
    },
    {
      "selector": "div#{id} .k-dropdown-wrap .k-select",
      "text_pt_BR": "Seta",
      "text_en_US": "Dropdown"
    },
    {
      "selector": "label#{id}_label",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "#{id}-list, #{id}-list .k-list-optionlabel",
      "text_pt_BR": "Lista de Itens",
      "text_en_US": "Item List"
    },
    {
      "selector": "#{id}_listbox .k-state-hover",
      "text_pt_BR": "Item da Lista Hover",
      "text_en_US": "Item List Hover"
    },
    {
      "selector": "#{id}_listbox .k-state-focused",
      "text_pt_BR": "Item Selecionado",
      "text_en_US": "Selected Item"
    }
  ]
}