animate : true,
fitwindow: false,
-
-
+
// private
dialogEl: false,
bodyEl: false,
max_width: 0,
+ max_height: 0,
+
fit_content: false,
onRender : function(ct, position)
var w = Math.min(this.max_width, Roo.lib.Dom.getViewportWidth(true) - 30);
if(this.height) {
- this.setSize(
- w,
- this.height <= Roo.lib.Dom.getViewportHeight(true) - 60 ?
- this.height : Roo.lib.Dom.getViewportHeight(true) - 60
- );
+ this.setSize(w, this.height);
+ return;
+ }
+
+ if(this.max_height) {
+ this.setSize(w,Math.min(
+ this.max_height,
+ Roo.lib.Dom.getViewportHeight(true) - 60
+ ));
+
return;
}
for(var i = 0; i < child_nodes.length; i++) {
- // for modal with tabs...
+ /*
+ * for modal with tabs...
if(child_nodes[i].classList.contains('roo-layout-panel')) {
var layout_childs = child_nodes[i].childNodes;
if(layout_body_childs[k].classList.contains('navbar')) {
child_height += layout_body_childs[k].offsetHeight;
- // Roo.log('nav height: '+ layout_body_childs[k].offsetHeight);
continue;
}
if(layout_body_tab_childs[m].classList.contains('roo-layout-active-content')) {
child_height += this.getChildHeight(layout_body_tab_childs[m].childNodes);
- // Roo.log('active panel height: '+this.getChildHeight(layout_body_tab_childs[m].childNodes));
continue;
}
}
continue;
}
+ */
child_height += child_nodes[i].offsetHeight;
+ // Roo.log(child_nodes[i].offsetHeight);
}
return child_height;
this.onHeaderChange();
this.onLoad();
+ },
+
+ setColumnWidth: function(col_index, width)
+ {
+ // width = "md-2 xs-2..."
+ if(!this.colModel.config[col_index]) {
+ return;
+ }
+
+ var w = width.split(" ");
+
+ var rows = this.el.dom.getElementsByClassName("x-col-"+col_index);
+
+ var h_row = this.el.dom.getElementsByClassName("x-hcol-"+col_index);
+
+ for(var j = 0; j < w.length; j++) {
+
+ if(!w[j]) {
+ continue;
+ }
+
+ var size_cls = w[j].split("-");
+
+ if(!Number.isInteger(size_cls[1] * 1)) {
+ continue;
+ }
+
+ if(!this.colModel.config[col_index][size_cls[0]]) {
+ continue;
+ }
+
+ if(!h_row[0].classList.contains("col-"+size_cls[0]+"-"+this.colModel.config[col_index][size_cls[0]])) {
+ continue;
+ }
+
+ h_row[0].classList.replace(
+ "col-"+size_cls[0]+"-"+this.colModel.config[col_index][size_cls[0]],
+ "col-"+size_cls[0]+"-"+size_cls[1]
+ );
+
+ for(var i = 0; i < rows.length; i++) {
+
+ var size_cls = w[j].split("-");
+
+ if(!Number.isInteger(size_cls[1] * 1)) {
+ continue;
+ }
+
+ if(!this.colModel.config[col_index][size_cls[0]]) {
+ continue;
+ }
+
+ if(!rows[i].classList.contains("col-"+size_cls[0]+"-"+this.colModel.config[col_index][size_cls[0]])) {
+ continue;
+ }
+
+ rows[i].classList.replace(
+ "col-"+size_cls[0]+"-"+this.colModel.config[col_index][size_cls[0]],
+ "col-"+size_cls[0]+"-"+size_cls[1]
+ );
+ }
+
+ this.colModel.config[col_index][size_cls[0]] = size_cls[1];
+ }
}
-
});
case 18: // alt
break;
default :
- this.hide();
+ this.hidePopup();
}
},
this.first = this.navgroup.addItem({
tooltip: this.firstText,
cls: "prev",
- icon : 'fa fa-backward',
+ icon : 'fa fa-step-backward',
disabled: true,
preventDefault: true,
listeners : { click : this.onClick.createDelegate(this, ["first"]) }
this.prev = this.navgroup.addItem({
tooltip: this.prevText,
cls: "prev",
- icon : 'fa fa-step-backward',
+ icon : 'fa fa-backward',
disabled: true,
preventDefault: true,
listeners : { click : this.onClick.createDelegate(this, ["prev"]) }
this.next = this.navgroup.addItem({
tooltip: this.nextText,
cls: "next",
- html : ' <i class="fa fa-step-forward">',
+ html : ' <i class="fa fa-forward">',
disabled: true,
preventDefault: true,
listeners : { click : this.onClick.createDelegate(this, ["next"]) }
});
this.last = this.navgroup.addItem({
tooltip: this.lastText,
- icon : 'fa fa-forward',
+ icon : 'fa fa-step-forward',
cls: "next",
disabled: true,
preventDefault: true,
var cn = new Roo.bootstrap.MasonryBrick(cfg);
//this.register(cn);
cn.parentId = this.id;
- cn.onRender(this.el, null);
+ cn.render(this.el);
return cn;
},
allowed: '0123456789',
+ max_length: 15,
+
/**
* @cfg {String} defaultDialCode The default dial code when initializing the input
*/
var input = {
tag: 'input',
id : id,
+ // type: 'number', -- do not use number - we get the flaky up/down arrows.
+ maxlength: this.max_length,
cls : 'form-control tel-input',
autocomplete: 'new-password'
};
this.list.on('mouseover', this.onViewOver, this);
this.list.on('mousemove', this.onViewMove, this);
this.inputEl().on("keyup", this.onKeyUp, this);
+ this.inputEl().on("keypress", this.onKeyPress, this);
this.tpl = '<li><a href="#"><div class="flag {iso2}"></div>{name} <span class="dial-code">+{dialCode}</span></a></li>';
return this.el.select('input.hidden-tel-input',true).first();
},
+ // after setting val
onKeyUp : function(e){
-
- var k = e.getKey();
- var c = e.getCharCode();
-
- if(
- (String.fromCharCode(c) == '.' || String.fromCharCode(c) == '-') &&
- this.allowed.indexOf(String.fromCharCode(c)) === -1
- ){
- e.stopEvent();
- }
-
- // if(!Roo.isIE && (e.isSpecialKey() || k == e.BACKSPACE || k == e.DELETE)){
- // return;
- // }
- if(this.allowed.indexOf(String.fromCharCode(c)) === -1){
+ this.setValue(this.getValue());
+ },
+
+ onKeyPress : function(e){
+ if(this.allowed.indexOf(String.fromCharCode(e.getCharCode())) === -1){
e.stopEvent();
}
-
- this.setValue(this.getValue());
}
});
* @cfg {String} thousandsDelimiter Symbol of thousandsDelimiter
*/
thousandsDelimiter : false,
-
+ /**
+ * @cfg {Number} max_length Maximum input field length allowed (defaults to Number.MAX_VALUE)
+ */
+ max_length: false,
inputlg : 9,
inputmd : 9,
cls: 'hidden-number-input'
};
+ if(this.max_length) {
+ input.maxlength = this.max_length;
+ }
+
if (this.name) {
hiddenInput.name = this.name;
}
projects / roojs1 / blobdiff