Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Hecatoncheir/a0b6710e234ec8b4aa37f90e4cd14839 to your computer and use it in GitHub Desktop.
Save Hecatoncheir/a0b6710e234ec8b4aa37f90e4cd14839 to your computer and use it in GitHub Desktop.
paper-dropdown-example
library example;
import 'package:polymer/polymer.dart';
//Components
import 'paper-dropdown-menu.dart';
main() async {
await initPolymer();
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<script src="packages/web_components/webcomponents.min.js"></script>
</head>
<body>
<pdm-element></pdm-element>
<script type="application/dart" src="example.dart"></script>
<script src="packages/browser/dart.js"></script>
</body>
</html>
@HtmlImport('paper-dropdown-menu.html')
library pdm;
import 'dart:html';
import 'package:polymer/polymer.dart';
import 'package:web_components/web_components.dart' show HtmlImport;
/// elements
import 'package:polymer_elements/paper_dropdown_menu.dart';
import 'package:polymer_elements/paper_item.dart';
import 'package:polymer_elements/paper_listbox.dart';
@PolymerRegister('pdm-element')
class PdmElement extends PolymerElement {
PdmElement.created() : super.created();
attached(){
makePapersElements() {
List _items = new List();
for (var i = 0; i < 13; i++) {
PaperItem item = new PaperItem();
item.text = i;
_items.add(item);
}
return _items;
}
List<PaperItem> items = makePapersElements();
PaperDropdownMenu dropMenu = new PaperDropdownMenu();
PaperListbox listBox = new PaperListbox();
var listboxDom = Polymer.dom(listBox);
for(var item in items) {
listboxDom.append(item);
}
Polymer.dom(dropMenu).append(listboxDom);
Polymer.dom($['example']).append(dropMenu);
}
}
<dom-module id='pdm-element'>
<template>
<div id="example"></div>
</template>
</dom-module>
name: example
version: 0.1.0
author: example
description: example
environment:
sdk: '>=1.12.0 <2.0.0'
dependencies:
bootjack: "0.6.5+3"
browser: '>=0.10.0 <0.11.0'
bwu_datagrid: '^0.1.0-dev.0'
polymer: '^1.0.0-rc.5'
polymer_interop: '^1.0.0-rc.3'
polymer_elements: '1.0.0-rc.8'
web_components: '^0.12.0'
dependency_overrides:
code_transformers: '^0.4.0'
reflectable: '0.5.1'
redstone: '^0.6.2'
quiver: '>=0.21.3 <0.22.0'
analyzer: '0.27.1'
polymer: '^1.0.0-rc.5'
args: '>=0.12.1 <0.14.0'
transformers:
- polymer:
entry_points:
# examples
- example/paper-dropdown-menu/index.html
- $dart2js:
minify: true
commandLineOptions:
- --trust-type-annotations
- --trust-primitives
- --enable-experimental-mirrors
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment