Open-ILS/web/js/dojo/openils/widget/FilteringTreeSelect.js

   1 /* EXAMPLES:
   2
   3 <div dojoType="openils.widget.FilteringTreeSelect" tree="orgTree" parentField="parent_ou" searchAttr="shortname"/>
   4 <div dojoType="openils.widget.FilteringTreeSelect" tree="grpTree"/>
   5
   6 The tree attribute is expected to be a tree-shaped pile of OpenSRF objects.
   7
   8 */
   9
  10 if(!dojo._hasResource["openils.widget.FilteringTreeSelect"]){
  11     dojo.provide("openils.widget.FilteringTreeSelect");
  12     dojo.require("dijit.form.FilteringSelect");
  13     dojo.require('dojo.data.ItemFileReadStore');
  14     dojo.require('openils.Util');
  15     dojo.require("dojox.jsonPath");
  16
  17     dojo.declare(
  18         "openils.widget.FilteringTreeSelect", [dijit.form.ComboBox],
  19         {
  20
  21             defaultPad : 6,
  22             childField : 'children',
  23             parentField : 'parent',
  24             valueField : '',
  25             tree : "",
  26             options : [],
  27             values : [],
  28
  29             startup : function () {
  30                 this.labelAttr = '_label'; // force it
  31                 this.labelType = 'html'; // force it
  32
  33                 this._tree = dojox.jsonPath.query(window, '$.' + this.tree, {evalType:"RESULT"});
  34                 if (!dojo.isArray(this._tree)) this._tree = [ this._tree ];
  35
  36                 this._datalist = [];
  37                 if (!this.valueField) this.valueField = this._tree.Identifier;
  38
  39                 var self = this;
  40                 this._tree.forEach( function (node) { self._add_items( node, 0 ); } );
  41
  42                 this.store = new dojo.data.ItemFileReadStore({
  43                     data : {
  44                         identifier : this.valueField,
  45                         items : this._datalist
  46                     }
  47                 });
  48
  49                 this.inherited(arguments);
  50             },
  51
  52             _add_items : function ( node, depth ) {
  53                 var lpad = this.defaultPad * depth++;
  54
  55                 var data = node.toStoreData();
  56                 data._label = '<div style="padding-left:'+lpad+'px;">' + node[this.searchAttr]() + '</div>';
  57
  58                 this._datalist.push( data );
  59
  60                 var kids = node[this.childField]();
  61                 for (var j in kids) {
  62                     this._add_items( kids[j], depth );
  63                 }
  64
  65                 return null;
  66             }
  67         }
  68     );
  69 }