Documenteditor.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. MWF.xApplication.process.FormDesigner.Module = MWF.xApplication.process.FormDesigner.Module || {};
  2. MWF.xDesktop.requireApp("process.FormDesigner", "Module.$Element", null, false);
  3. MWF.xApplication.process.FormDesigner.Module.Documenteditor = MWF.FCDocumenteditor = new Class({
  4. Extends: MWF.FC$Element,
  5. Implements: [Options, Events],
  6. options: {
  7. "style": "default",
  8. "propertyPath": "/x_component_process_FormDesigner/Module/Documenteditor/documenteditor.html"
  9. },
  10. initialize: function(form, options){
  11. this.setOptions(options);
  12. this.path = "/x_component_process_FormDesigner/Module/Documenteditor/";
  13. this.cssPath = "/x_component_process_FormDesigner/Module/Documenteditor/"+this.options.style+"/css.wcss";
  14. this._loadCss();
  15. this.moduleType = "element";
  16. this.moduleName = "documenteditor";
  17. this.form = form;
  18. this.container = null;
  19. this.containerNode = null;
  20. },
  21. _createMoveNode: function(){
  22. this.moveNode = new Element("div", {
  23. "MWFType": "documenteditor",
  24. "id": this.json.id,
  25. "styles": this.css.moduleNodeMove,
  26. "events": {
  27. "selectstart": function(){
  28. return false;
  29. }
  30. }
  31. }).inject(this.form.container);
  32. },
  33. _createNode: function(){
  34. this.node = this.moveNode.clone(true, true);
  35. this.node.setStyles(this.css.moduleNode);
  36. this.node.set("id", this.json.id);
  37. this.node.addEvent("selectstart", function(e){
  38. e.preventDefault();
  39. });
  40. },
  41. _setEditStyle_custom: function(name){
  42. },
  43. _initModule: function(){
  44. this.node.empty();
  45. var pageNode = new Element("div.doc_layout_page", {"styles": this.css.doc_page}).inject(this.node);
  46. var pageContentNode = new Element("div.doc_layout_page_content", {"styles": this.css.doc_layout_page_content}).inject(pageNode);
  47. var html = '<div class="doc_block doc_layout_redHeader">文件红头</div>' +
  48. "<div class=\"doc_block doc_layout_fileno\">[文号]</div>" +
  49. "<div color=\"#ff0000\" class=\"doc_block doc_layout_redline\"></div>" +
  50. "<div class=\"doc_block doc_layout_subject\">[文件标题]</div>" +
  51. "<div class=\"doc_block doc_layout_mainSend\">[主送单位:]</div>"+
  52. "<div class=\"doc_block doc_layout_filetext\">  [正文内容]</div>";
  53. pageContentNode.set("html", html);
  54. pageContentNode.getElement(".doc_layout_redHeader").setStyles(this.css.doc_layout_redHeader);
  55. pageContentNode.getElement(".doc_layout_fileno").setStyles(this.css.doc_layout_fileno);
  56. pageContentNode.getElement(".doc_layout_redline").setStyles(this.css.doc_layout_redline);
  57. pageContentNode.getElement(".doc_layout_subject").setStyles(this.css.doc_layout_subject);
  58. pageContentNode.getElement(".doc_layout_mainSend").setStyles(this.css.doc_layout_mainSend);
  59. pageContentNode.getElement(".doc_layout_filetext").setStyles(this.css.doc_layout_filetext);
  60. this._setNodeProperty();
  61. if (!this.form.isSubform) this._createIconAction() ;
  62. this._setNodeEvent();
  63. }
  64. });