ucan-ext-js-kitchen-sink/packages/local/common-ux/package.json

my-ext-gen-app description for Ext JS app MyExtGenApp

{
  "name": "@ucan/common-ux",
  "version": "0.0.69",
  "sencha": {
    "name": "common-ux",
    "anzeigeName": "Entity Detail and List-View Component",
    "namespace": "example",
    "type": "code",
    "toolkit": "modern",
    "framework": "ext",
    "creator": "Klaus Yan",
    "summary": "Detail- und List-View eines Objektes mit css",
    "detailedDescription": "Zum Anzeigen der Basisdaten eines Objektes. Zum Einbinden in die View wird der Anzeigename für die Toolbar benötigt über die \"displayName\" Konfiguration.<br><br>Der Handler für die Navigation aus der Ansicht muss in dem assoziierten ViewController definiert sein, so dass der Name der Funktion als String in die \"backAction\" Konfiguration übergeben werden kann.<br>Mit der Liste an \"actions\" können weitere Buttons in die Toolbar eingebunden werden, welche rechtsbündig angezeigt werden.<br>Hier wird eine Liste an Objekten mit den Feldern \"iconCls\" für das Icon, \"handler\" für den entsprechenden ViewController Handler und \"tooltip\" für den Tooltip des Buttons benötigt.Items können über die Konfiguration \"cardItems\" hinzugefügt werden, diese werden dem unterliegenden Card Container hinzugefügt.<br>Um die jeweiligen Items anzuzeigen, sollten entsprechenden \"cardButtons\" über die gleichnamige Konfiguration eingefügt werden, welche als Handler den Index des jeweiligen cardItems setzen sollten.<br><br>Falls die enthaltene ChipView mit Combobox eingebunden werden soll, benötigt es die Konfigurationen \"availableStore\" mit einem Store der verfügbaren Obejkte, die in der Combobox angezeigt werden können, wobei hier \"asString\" als Displayfield und \"id\" als Valuefield genommen werden.<br>Genauso wird die Konfiguration \"selectedStore\" mit den gleichen Display- und Valuefields genommen, um in der ChipView die ausgewählten Objekte darzustellen, welche über den Button mit dem Text aus der Konfiguration \"addButtonText\" hinzugefügt werden können.<br>Um die Funktionalität des Auswählens und Entfernens zu deaktivieren, kann die Konfiguration \"editable\" auf false gesetzt werden.",
    "version": "0.0.69",
    "compatVersion": "7.5.1",
    "format": "1",
    "slicer": {
      "js": [
        {
          "path": "${package.dir}/sass/example/custom.js",
          "isWidgetManifest": true
        }
      ]
    },
    "output": "${package.dir}/build",
    "local": true,
    "sass": {
      "namespace": "entityDetailView",
      "etc": [
        "${package.dir}/sass/etc/all.scss"
      ],
      "var": [
        "${package.dir}/sass/var"
      ],
      "src": [
        "${package.dir}/sass/src"
      ]
    },
    "classpath": [
      "${package.dir}/src",
      "${package.dir}/examples"
    ],
    "overrides": [
      "${package.dir}/overrides"
    ],
    "example": {
      "path": [
        "${package.dir}/examples"
      ]
    },
    "requires": []
  }
}