@ -13,6 +13,7 @@ BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, {
keywordGetter : BI . emptyFn , keywordGetter : BI . emptyFn ,
valueFormatter : BI . emptyFn , valueFormatter : BI . emptyFn ,
itemFormatter : BI . emptyFn , itemFormatter : BI . emptyFn ,
allowSelectAll : true ,
itemHeight : 24 itemHeight : 24
} ) ; } ) ;
} , } ,
@ -23,7 +24,7 @@ BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, {
var self = this , opts = this . options ; var self = this , opts = this . options ;
var hasNext = false ; var hasNext = false ;
this . storeValue = BI . deepClone ( opts . value ) ; this . storeValue = BI . deepClone ( opts . value ) ;
this . button _group = BI . createWidget ( { this . button _group = BI . createWidget ( opts . allowSelectAll ? {
type : "bi.select_list" , type : "bi.select_list" ,
toolbar : { toolbar : {
type : "bi.multi_select_bar" , type : "bi.multi_select_bar" ,
@ -51,9 +52,11 @@ BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, {
return true ; return true ;
} }
} , } ,
layouts : [ { layouts : [
{
type : "bi.vertical" type : "bi.vertical"
} ] }
]
} }
} }
} , } ,
@ -81,18 +84,73 @@ BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, {
hasNext : function ( ) { hasNext : function ( ) {
return hasNext ; return hasNext ;
} }
} : {
type : "bi.list_pane" ,
logic : {
dynamic : true ,
innerVgap : 5 ,
rowSize : [ "" , "fill" ] ,
verticalAlign : BI . VerticalAlign . Stretch
} ,
element : this ,
el : {
chooseType : BI . ButtonGroup . CHOOSE _TYPE _MULTI ,
behaviors : {
redmark : function ( ) {
return true ;
}
} ,
layouts : [
{
type : "bi.vertical"
}
]
} ,
itemsCreator : function ( op , callback ) {
self . storeValue && ( op = BI . extend ( op || { } , {
selectedValues : self . storeValue . value
} ) ) ;
opts . itemsCreator ( op , function ( ob ) {
var keyword = ob . keyword = opts . keywordGetter ( ) ;
hasNext = ob . hasNext ;
var firstItems = [ ] ;
if ( op . times === 1 && self . storeValue ) {
var json = self . _filterValues ( self . storeValue ) ;
firstItems = self . _createItems ( json ) ;
}
var context = {
tipText : ob . tipText ,
} ;
callback ( firstItems . concat ( self . _createItems ( ob . items ) ) , keyword , context ) ;
if ( op . times === 1 && self . storeValue ) {
self . setValue ( self . storeValue ) ;
}
} ) ; } ) ;
} ,
value : opts . value ,
height : "fill" ,
} ) ;
this . button _group . on ( BI . Controller . EVENT _CHANGE , function ( ) { this . button _group . on ( BI . Controller . EVENT _CHANGE , function ( ) {
self . fireEvent ( BI . Controller . EVENT _CHANGE , arguments ) ; self . fireEvent ( BI . Controller . EVENT _CHANGE , arguments ) ;
} ) ; } ) ;
if ( opts . allowSelectAll ) {
this . button _group . on ( BI . SelectList . EVENT _CHANGE , function ( ) { this . button _group . on ( BI . SelectList . EVENT _CHANGE , function ( ) {
self . fireEvent ( BI . MultiSelectSearchLoader . EVENT _CHANGE , arguments ) ; self . fireEvent ( BI . MultiSelectSearchLoader . EVENT _CHANGE , arguments ) ;
} ) ; } ) ;
} else {
this . button _group . on ( BI . ListPane . EVENT _CHANGE , function ( val ) {
self . fireEvent ( BI . MultiSelectSearchLoader . EVENT _CHANGE , val ) ;
} ) ;
}
} , } ,
_createItems : function ( items ) { _createItems : function ( items ) {
var allSelected = this . isAllSelected ( ) ; var allSelected = this . isAllSelected ( ) ;
return BI . createItems ( items , { var itemFormatter = this . options . itemFormatter ;
return BI . map ( items , ( index , item ) => {
return {
type : "bi.multi_select_item" , type : "bi.multi_select_item" ,
logic : { logic : {
dynamic : false dynamic : false
@ -100,12 +158,16 @@ BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, {
height : this . options . itemHeight || BI . SIZE _CONSANTS . LIST _ITEM _HEIGHT , height : this . options . itemHeight || BI . SIZE _CONSANTS . LIST _ITEM _HEIGHT ,
selected : allSelected , selected : allSelected ,
cls : "bi-list-item-active" , cls : "bi-list-item-active" ,
iconWrapperWidth : 36 iconWrapperWidth : 36 ,
... item ,
... itemFormatter ( item )
} ;
} ) ; } ) ;
} , } ,
isAllSelected : function ( ) { isAllSelected : function ( ) {
return this . button _group . isAllSelected ( ) ; var o = this . options ;
return o . allowSelectAll ? this . button _group . isAllSelected ( ) : false ;
} , } ,
_filterValues : function ( src ) { _filterValues : function ( src ) {
superman
2 years ago
