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 = (typeof this.tree == 'string') ?
  34                         dojox.jsonPath.query(window, '$.' + this.tree, {evalType:"RESULT"}) : this.tree;
  35                 if (!dojo.isArray(this._tree)) this._tree = [ this._tree ];
  36
  37                 this._datalist = [];
  38                 if (!this.valueField) this.valueField = this._tree.Identifier;
  39
  40                 var self = this;
  41                 this._tree.forEach( function (node) { self._add_items( node, 0 ); } );
  42
  43                 this.store = new dojo.data.ItemFileReadStore({
  44                     data : {
  45                         identifier : this.valueField,
  46                         items : this._datalist
  47                     }
  48                 });
  49
  50                 this.inherited(arguments);
  51             },
  52
  53             _add_items : function ( node, depth ) {
  54                 var lpad = this.defaultPad * depth++;
  55
  56                 var data = node.toStoreItem();
  57                 data._label = '<div style="padding-left:'+lpad+'px;">' + node[this.searchAttr]() + '</div>';
  58
  59                 this._datalist.push( data );
  60
  61                 var kids = node[this.childField]();
  62                 for (var j in kids) {
  63                     this._add_items( kids[j], depth );
  64                 }
  65
  66                 return null;
  67             }
  68         }
  69     );
  70 }