fineui是帆软报表和BI产品线所使用的前端框架。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
1.5 KiB

4 years ago
<html>
<head>
<meta charset="utf-8">
<title></title>
3 years ago
<!-- <link rel="stylesheet" type="text/css" href="../dist/2.0/fineui.min.css"/>
<script src="../dist/2.0/fineui.js"></script> -->
<link rel="stylesheet" type="text/css" href="http://fanruan.design/fineui/2.0/fineui.min.css" />
<script src="http://fanruan.design/fineui/2.0/fineui.min.js"></script>
<script src="../dist/fix/worker.compact.js"></script>
<script src="demo.worker.js"></script>
4 years ago
</head>
<body>
<div id="wrapper"></div>
<script>
if (window.Worker) {
var worker = new Worker("./demo.worker.js");
}
4 years ago
BI.useWorker(worker);
var Widget = BI.inherit(BI.Widget, {
_worker: function () {
return "demo.model";
},
watch: {
name: function (val) {
this.button.setText(val);
}
},
render: function () {
var self = this;
console.log(this.model);
return {
type: "bi.button",
ref: function (_ref) {
self.button = _ref;
},
text: this.model.name,
handler: function () {
self.store.addCount();
}
};
}
});
BI.shortcut("demo.worker", Widget);
BI.createWidget({
type: "bi.absolute",
items: [{
el: {
type: "demo.worker"
},
top: 100,
left: 100
}],
element: "#wrapper"
});
</script>
</body>
</html>