Changes between Version 7 and Version 8 of AnotherPluginDevelopmentGuide

Timestamp:

18.07.2012 16:34:41 (12 years ago)

Author:

dgf

Comment:

adapt master branch

AnotherPluginDevelopmentGuide

@@ -331 +331 @@
 A plugin that loads some type specific renderer and adds a custom command:
 {{{#!js
-dm4c.add_plugin('de.deepamehta.example', function() {
+dm4c.add_plugin('dm4.example.plugin', function() {
 
     // load some renderer and a style sheet
@@ -342 +342 @@
         var name = prompt('Example name', 'Another Example')
             topic = dm4c.restc.request('POST', '/example/create', { name: name })
-        dm4c.show_topic(topic, 'show', null, true)
+        dm4c.show_topic(new Topic(topic), 'show', null, true)
     }
 
@@ -349 +349 @@
         var url = '/example/increase/' + dm4c.selected_object.id,
             topic = dm4c.restc.request('GET', url)
-        dm4c.show_topic(topic, 'show', null, true)
+        dm4c.show_topic(new Topic(topic), 'show', null, true)
     }
 
@@ -382 +382 @@
             type_uri: "dm4.webclient.view_config",
             composite: {
-                dm4.webclient.js_field_renderer_class: "ExampleContentFieldRenderer",
-                dm4.webclient.js_page_renderer_class: "ExampleContentPageRenderer"
+                dm4.webclient.field_renderer_uri: "dm4.example.content_field_renderer",
+                dm4.webclient.page_renderer_uri: "dm4.example.content_page_renderer"
             }
         }
@@ -397 +397 @@
 
 {{{#!js
-// a simple field renderer that renders a example topic name with a additional CSS class
-function ExampleContentFieldRenderer(field_model) {
-    this.field_model = field_model
-}
-
-ExampleContentFieldRenderer.prototype.render_field = function(parent_element) {
-    dm4c.render.field_label(this.field_model, parent_element)
-    parent_element.append($("<span>").addClass('example').text(this.field_model.value))
-}
-
-ExampleContentFieldRenderer.prototype.render_form_element = function(parent_element) {
-    var $content = dm4c.render.input(this.field_model)
-    parent_element.append($content)
-    return function() {
-        return $.trim($content.val())
-    }
-}
+// a simple field renderer that renders an example topic name with an additional CSS class
+dm4c.add_field_renderer("dm4.example.content_field_renderer", {
+
+    render_field: function(field_model, parent_element) {
+        dm4c.render.field_label(field_model, parent_element)
+        parent_element.append($("<span>").addClass('example').text(field_model.value))
+    },
+
+    render_form_element: function(field_model, parent_element) {
+        var $content = dm4c.render.input(field_model)
+        parent_element.append($content)
+        return function() { // return input value
+            return $.trim($content.val())
+        }
+    }
+})
 }}}
 
@@ -422 +421 @@
 
 {{{#!js
-// a page renderer that simply renders the value of an example content topic instance
-function ExampleContentPageRenderer() {
-
-    this.render_page = function(topic) {
+// a page render that simply renders the value of an example content topic instance
+dm4c.add_page_renderer("dm4.example.content_page_renderer", {
+
+    render_page: function(topic) {
         dm4c.render.field_label('Content')
         dm4c.render.page(topic.value)
-    }
-
-    this.render_form = function(topic) {
+    },
+
+    render_form: function(topic) {
         var $content = dm4c.render.input(topic.value)
         dm4c.render.field_label('Content')
         dm4c.render.page($content)
-        return function () {
+        return function () { // update topic with value of input
             topic.value = $.trim($content.val())
             dm4c.do_update_topic(topic)
@@ -440 +439 @@
         }
     }
-}
+})
 }}}