Uploaded image for project: 'Alloy'
  1. Alloy
  2. ALOY-545

Setting widget view-controller from within XML views

    Details

      Description

      If you require a widget in a XML view like this:

      <widget src="nl.fokkezb.tweetsView" foo="bar" id="myWidget"></widget>
      

      It generates code like this:

      $.__views.myWidget = Alloy.createWidget("nl.fokkezb.tweetsView", "widget", {
           id: "myWidget",
           foo: "bar"
      });
      

      Let’s take a look at the code for createWidget in alloy.js:

      exports.createWidget = function(id, name, args) {
          return new (require("alloy/widgets/" + id + "/controllers/" + (name || "widget")))(args);
      };
      

      As you can see, the second argument specifies the controller to require from the widget. You might not have known this, but the docs do mention that widget can contain multiple view-controllers, just like your app does.

      Unfortunately, to use this feature you need to create the widget in your controller using code similar to the second fragment above. It’s currently not possible to do this in the view.

      This is a missed opportunity to use a singe widget to expose a collection of reusable UI elements:

      <view>
           <widget src="nl.fokkezb.ui" name="myFancyButton"></widget>
           <widget src="nl.fokkezb.ui" name="myCustomView"></widget>
           <widget src="nl.fokkezb.ui" name="myHorizontalTable"></widget>
      </view>
      

      Or create a widget that can be used in multiple contexts:

      <tabgroup>
           <widget src="nl.fokkezb.tweetsView" name="tab"></widget>
           <tab>
                <widget src="nl.fokkezb.tweetsView" name="window"></widget>
           </tab>
      </tabgroup>
      

      So my feature request / improvement would be to support the name attribute for <Widget> elements, whose value would be used as the second argument for createWidget. I’ve made the necessary changes to Alloy.Require.js and did a pull request for this:

      https://github.com/appcelerator/alloy/pull/111

        Attachments

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              fokkezb Fokke Zandbergen
            • Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                  Git Integration