diff --git a/ui (gen4)/features/ui-widgets.js b/ui (gen4)/features/ui-widgets.js index 716771fb..b669d4a1 100755 --- a/ui (gen4)/features/ui-widgets.js +++ b/ui (gen4)/features/ui-widgets.js @@ -1603,7 +1603,54 @@ var WidgetTestActions = actions.Actions({ console.log('Dialog closing...') }) })], - testList: ['Test/-99: Demo new style $lists in dialog...', + testBrowsrItems: ['Test/-99: Demo browse $items...', + makeUIDialog(function(){ + var actions = this + + return browse.makeLister(null, function(path, make){ + var that = this + + make.Heading('Heading:', { + doc: 'Heading doc string...', + }) + + make('Normal item') + + make.Editable('Select to edit...') + + make.Editable('Enter to edit (cleared)...', { + start_on: 'open', + clear_on_edit: true, + }) + + e = make.Editable('Nested editable...') + e.parent().append($('
').append(e)) + + // this is the same as make('...') + make.Separator() + + make.List(['a', 'b', 'c']) + + make.Separator() + + make.EditableList(['x', 'y', 'z']) + + + // NOTE: the dialog's .parent is not yet set at this point... + + // This will finalize the dialog... + // + // NOTE: this is not needed here as the dialog is drawn + // on sync, but for async dialogs this will align + // the selected field correctly. + make.done() + }) + // NOTE: this is not a dialog event, it is defined by the + // container to notify us that we are closing... + .on('close', function(){ + }) + })], + testList: ['Test/-99: Demo $lists editors in dialog...', makeUIDialog(function(){ var actions = this diff --git a/ui (gen4)/lib/widget/browse.js b/ui (gen4)/lib/widget/browse.js index ec4d549d..7c2cb063 100755 --- a/ui (gen4)/lib/widget/browse.js +++ b/ui (gen4)/lib/widget/browse.js @@ -382,6 +382,7 @@ function(data, options){ var make = this var res = [] var keys = data instanceof Array ? data : Object.keys(data) + options = options || {} var pattern = options.disableItemPattern && RegExp(options.disableItemPattern) @@ -595,6 +596,7 @@ function(list, options){ dialog.__to_remove = dialog.__to_remove || {} dialog.__editable_list_handlers = dialog.__editable_list_handlers || {} + options = options || {} var id = options.list_id || 'default' var to_remove = dialog.__to_remove[id] = dialog.__to_remove[id] || [] @@ -937,8 +939,6 @@ function(list, pins, options){ pins.sort(options.sort) : pins.sortAs(list)) - console.log('>>>>', pins, list) - // build the list... var res = this.EditableList(pins, pins_options) .addClass('pinned')