Namespace: View

Simplicite.UI.View

Source:
  • main.js, line 8

Classes

Board
ColorPicker
Crosstab
Editor
External
Form
Import
Index
List
Main
Menu
Monitoring
Prefs
Search
Social
Template
Tray
UIAction
UIArea
UIField
UIView
Update
Widget
Workflow
ZIP

Methods

accordion

Manage collapsible panels as accordion

Parameters:
Name Type Description
ctn object container of panels .collapse
Source:
  • bootstrap.js, line 1995

actionButton

Button of action

Parameters:
Name Type Description
a Action { name, label, level, primary, icon, help, showLabel, toState, custom, enabled, disabled }
o Business object
rowid Optional row ID
onClick Handler
minified hide label ?
Source:
  • bootstrap.js, line 1612

actionIcon

Icon button

Parameters:
Name Type Description
p object optional parameters
Properties
Name Type Description
name string action name
title string title as tooltip
placement string tooltip placement (default 'bottom')
icon string | $ glyphicon name or icon
size string optional size (ex: 'xs' for extra small)
click function handler
Source:
  • bootstrap.js, line 1526

actionPlus

Create a 'plus' button

Parameters:
Name Type Description
items Array of item (li)
right Align popup to the right of button
dropUp on top ?
Source:
  • bootstrap.js, line 1551

addTab

Add a tab

Parameters:
Name Type Description
t jQuery existing tabs
tab object tab options { title, icon, content, hidden, click, key, data }
active boolean activate this tab?
Source:
  • bootstrap.js, line 2196

alert

Simple alert content

Parameters:
Name Type Description
h HTML content
level optional info|success|warning|danger
Source:
  • bootstrap.js, line 2364

button

Create a button

Parameters:
Name Type Description
p object options
Properties
Name Type Description
id string button optional id
name string button name (attribute data-action and class 'btn-')
icon string | $ optional icon name (ex 'star') or icon
label string button label
tooltip string optional tooltip
click function optional callback
size string optional size (ex: 'xs' for extra small)
level string optional level (ex: 'default','primary', 'plus')
type string optional type (ex: 'submit', default 'button')
disabled string disabled ?
Source:
  • bootstrap.js, line 1582

buttonHelp

Return a simple help icon with a popover or a dialog when help is too long

Parameters:
Name Type Description
name string button name
help string text or html
title string optional title of dialog
Source:
  • bootstrap.js, line 2009

check

Simple checkbox or radio

Parameters:
Name Type Description
d Object id, name, value, label, disabled, change, type
Properties
Name Type Description
id string input id
name string input name
value string hidden value
label string label
inline boolean inlined in form?
disabled boolean disabled?
readonly boolean readonly?
checked boolean checked?
change function optional handler
type string 'checkbox' (default) or 'radio'
Source:
  • bootstrap.js, line 107

col

Simple column

Parameters:
Name Type Description
size string media-width (i.e short syntax 'md-5' or long syntax 'col-lg-4 col-md-8'), default 'col-xs-12'
content jQuery | jQuery[] optional content or array of contents
Source:
  • bootstrap.js, line 2630

danger

Simple error

Parameters:
Name Type Description
h Content
Source:
  • bootstrap.js, line 2399

dialog

Dialog box

Parameters:
Name Type Description
p object String content or object
Properties
Name Type Description
name string optional name
title string optional dialog title
help string contextual help
type string optional 'error|danger|warning|info'
content string | jQuery dialog body
closeable boolean true to add a close button in header
fade boolean false to remove fade effect (default true)
modal boolean true to disable click outside dialog and ESC keyboard button
nav boolean true to create a new navigation in dialog
overflow boolean true to add scrollbars
width string optional width (ex: '600px' or '80%'), forced to 100% on XS device
slide string optional 'left|right' with swipe event
buttons array optional footer actions [{ name, label, style:'primary|success|info[danger|default', callback or click, close:true|false, disabled:true|false }]
buttonsHeader array optional header actions
onload function optional callback when displayed
beforeunload function optional callback when closing (use preventDefault to cancel)
unload function optional callback when closed
dontAskAgain function optional 'dont't ask again' callback
Source:
  • bootstrap.js, line 1309

dialogClose

Close the dialog box

Parameters:
Name Type Description
dlg name or modal, undefined = close the top dialog if unset, "all" = close all
Source:
  • bootstrap.js, line 1468

displayField

Field rendering

Source:
  • bootstrap.js, line 144

displayFieldSearch

Field search rendering

Source:
  • bootstrap.js, line 859

displayLinkSearch

Link search rendering (for N,N pillbox)

Source:
  • bootstrap.js, line 1150

Create a dropdown button

Parameters:
Name Type Description
elt optional left side of button
btn toggle button
items List of $ or action { name, label, icon, cbk|callback|click }
right align popup on right side of button
dropUp true to drop on the top of button
Source:
  • bootstrap.js, line 2427

dropup

Create a dropup button

Parameters:
Name Type Description
elt optional left side of button
btn toggle button
items List of $ or action { name, label, icon, cbk }
right align popup on right side of button
Source:
  • bootstrap.js, line 2469

fieldDatePicker

Datetime picker

Parameters:
Name Type Description
elt button to attach with picker
type field type TYPE_DATE | DATETIME | TIME
lang user language
dateformat date format
startDate optional start date
rdg optional rendering limit Y|M|D|H|I|S
Source:
  • bootstrap.js, line 1852

fieldDatePickerSearch

Datetime picker for search

Parameters:
Name Type Description
f Object field
filter Field filter YYYY-MM-DD HH:MI:SS or YYYY-MM-DD
id input id
options { searchby:(on list column), position:(default "bottom-left") }
Source:
  • bootstrap.js, line 1820

form

Simple form

Parameters:
Name Type Description
p { name, inline, content, autocomplete, onsubmit }
Source:
  • bootstrap.js, line 2642

formGroup

Form group of input

Parameters:
Name Type Description
name group name
label optional label or text
inp input group
msg optional message
Source:
  • bootstrap.js, line 2513

formGroupSearch

Form group for search form

Parameters:
Name Type Description
cls class
label text
input input
Source:
  • bootstrap.js, line 2576

getDialog

Find a visible dialog

Parameters:
Name Type Description
dlg string optional dialog, name or "all", or returns the top level dialog if unset
Source:
  • bootstrap.js, line 1450

help

Simple help

Parameters:
Name Type Description
h Content as safe HTML (any script is ignored)
Source:
  • bootstrap.js, line 2375

icon

Simple icon

Parameters:
Name Type Description
name string glyph icon name or prefixed by gly/ fas/ far/
cls string optional class name
Source:
  • bootstrap.js, line 1479

input

Input with attributes

Parameters:
Name Type Description
a Object with attributes
Source:
  • bootstrap.js, line 2588

inputGroup

Create an input group with addons actions

Parameters:
Name Type Description
inp Input
addons Array of $ or actions { name, label, icon, plus, cbk }
Source:
  • bootstrap.js, line 2479

isDialogModal

Is the dialog modal (no keyboard ESC and no close button) ?

Parameters:
Name Type Description
dlg string optional name or top level dialog if unset
Source:
  • bootstrap.js, line 1459

load

Load bootstrap libs

Source:
  • bootstrap.js, line 27

message

Inlined message alert

Parameters:
Name Type Description
m string or { level, label }
Source:
  • bootstrap.js, line 2408

panel

Simple panel

Parameters:
Name Type Description
params object { id, title, icon, content, hidden, collapsed, onCollapsed }
Source:
  • bootstrap.js, line 1963

progressBar

Progress bar

Parameters:
Name Type Description
id Progress div or id
p value in percent [0..100]
Source:
  • bootstrap.js, line 1677

radio

Simple radio

Parameters:
Name Type Description
d Object id, name, value, label, disabled, change
Properties
Name Type Description
id string input id
name string input name
value string hidden value
label string label
disabled boolean disabled?
readonly boolean readonly?
checked boolean checked?
change function optional handler
Source:
  • bootstrap.js, line 134

readSearch

Read the search form into object filters

Parameters:
Name Type Description
ctn jQuery form container
o Simplicite.Ajax.BusinessObject Object
noRemove boolean true to keep filter with default "%"
Source:
  • bootstrap.js, line 1196

ready

Home is displayed

Source:
  • bootstrap.js, line 86

removeTab

Remove a tab

Parameters:
Name Type Description
t jQuery tabs
index number | string tab index or tab data-key
prev boolean click on previous (or next) tab if exists
Source:
  • bootstrap.js, line 2260

row

Create a row with columns

Parameters:
Name Type Description
cols Array of columns
Source:
  • bootstrap.js, line 2618

select

Select with options

Parameters:
Name Type Description
a Object with attributes
o Array of { value, label, data }
Source:
  • bootstrap.js, line 2600

setTabContent

Set a tab content

Parameters:
Name Type Description
t jQuery tabs
index number | string tab index or tab data-key
content string HTML content
Source:
  • bootstrap.js, line 2246

showTab

Show/hide a tab in a tabs and ensure to activate a visible tab

Parameters:
Name Type Description
t jQuery tabs
id string tab id
show boolean false to hide the tab
Source:
  • bootstrap.js, line 2338

showTabs

Show/Hide empty tabs and ensure to activate a non-empty tab

Parameters:
Name Type Description
t jQuery tabs
fn function optional function to test if a tab is visible
cls string class 'hidden' or 'empty' to hide the tab
Source:
  • bootstrap.js, line 2286
Returns:
true if the tabs is visible = contains something visible

spanIcon

Glyphicon button

Parameters:
Name Type Description
p object optional parameters
Properties
Name Type Description
name string action name
title string title as tooltip
placement string tooltip placement (default 'bottom')
icon string icon name (default 'star')
click function handler
right boolean true to pull on right side
Source:
  • bootstrap.js, line 1499

success

Simple info

Parameters:
Name Type Description
h Content
Source:
  • bootstrap.js, line 2383

tabBadge

Add/Replace a badge counter to tab

Parameters:
Name Type Description
tab tab href or any tab content element
val badge value (no badge if null)
Source:
  • bootstrap.js, line 2352

tabs

Simple tabs

Parameters:
Name Type Description
params object { id, selected, vertical, cls, ondrop, tabs }
Properties
Name Type Description
id string tab id
selected number selected tab index (default 0)
vertical boolean vertical tabs?
underline boolean underlined tab style
cls string optional class to add
ondrag function optional handler(li,cbk) to allow drag
ondrop function optional handler({li,from,to},cbk) to allow drop
tabs array tabs options { title, icon, content, hidden, click, key, data }
Source:
  • bootstrap.js, line 2051

tooltip

Add a tooltip to element

Parameters:
Name Type Description
e element
title text or html
placement optional, default 'bottom'
html HTML title?
Source:
  • bootstrap.js, line 2660

warning

Simple warning

Parameters:
Name Type Description
h Content
Source:
  • bootstrap.js, line 2391

<static> bootstrap

Bootstrap Tools

Parameters:
Name Type Description
app Business application
engine Main UI controller
view View engine
Source:
  • bootstrap.js, line 13