bricks/bricks/datarow.js
2024-07-08 21:19:09 +08:00

133 lines
2.9 KiB
JavaScript

var bricks = window.bricks || {};
bricks.DataRow = class extends bricks.HBox {
/*
{
toolbar:[
]
fields:[]
css
browserfields{
exclouded:[],
cwidth:{
field:10,
field2:11
}
}
editexclouded:[],
header_css
}
*/
constructor(opts){
super(opts);
this.set_style('width', 'auto');
this.record_w = null;
}
render_header(){
this.render(true);
}
render_data(){
this.render(false);
}
render(header){
this.build_toolbar(header);
if (this.checkField){
var w;
if (header){
w = new bricks.BlankIcon({});
} else {
w = new bricks.UiCheck({name:this.checkField,value:this.user_data[this.checkField]});
w.bind('changed', this.get_check_state.bind(this));
}
this.add_widget(w);
}
this.build_fields(header);
}
renew(record){
this.user_data = record;
this.record_w.clear_widgets();
this._build_fields(false, this.record_w);
}
get_check_state(e){
var d = e.target.bricks_widget.getValue()
this.user_data[this.checkField] = d[this.checkField];
this.dispatch('check_changed', this);
}
build_toolbar(header){
var tools = [];
if (header){
if (this.toolbar){
this.toolbar.tools.forEach(t => {
tools.push({name:'blankicon'});
});
}
} else {
if (this.toolbar){
this.toolbar.tools.forEach(t => {
tools.push(t);
});
}
}
var toolbar = bricks.extend({cwidth:2.5}, this.toolbar || {});
toolbar.tools = tools;
var w = new bricks.IconBar(toolbar);
this.add_widget(w);
this.toolbar_w = w;
this.event_names = []
for(var i=0;i<tools.length;i++){
if (tools[i].name != 'blankicon'){
this.event_names.push(tools[i].name);
w.bind(tools[i].name, this.my_dispatch(tools[i].name));
}
}
}
my_dispatch(e){
this.dispatch(e);
}
build_fields(header, cw){
this.record_w = new bricks.HBox({height:'auto'});
this.add_widget(this.record_w);
this._build_fields(header, this.record_w);
}
_build_fields(header, cw){
var exclouded = [];
var cwidths = {};
if (this.browserfields && this.browserfields.exclouded){
exclouded = this.browserfields.exclouded;
}
if (this.browserfields && this.browserfields.cwidths){
cwidths = this.browserfields.cwidths;
}
if (this.checkField){
exclouded.push(this.checkField);
}
for (var i=0;i<this.fields.length;i++){
var f = this.fields[i]
if (exclouded.includes(f.name)){
continue;
}
var opts = bricks.extend({
margin:'3px'
}, f);
if (header || ! this.user_data){
opts.value = f.label || f.name;
} else {
opts.user_data = this.user_data;
opts.value = opts.tip = this.user_data[f.name];
}
var cwidth = cwidths[f.name];
if (cwidth){
opts.cwidth = cwidth;
}
var f = bricks.get_ViewBuilder(f.uitype);
if (!f) f = bricks.get_ViewBuilder('str');
var w = f(opts);
w.set_css('tabular-cell');
cw.add_widget(w)
}
}
}
bricks.Factory.register('DataRow', bricks.DataRow);