Javascript 行编辑器中的Ext JS复选框
有人知道如何将行编辑器中的复选框设置为中间位置吗? 我在ExtJS6.0.0中使用了主题“triton” 复选框放在行的顶部,但其他字段(如textfield或combobox)放在中间 它看起来像: 我已经将复选框的样式对象设置为Javascript 行编辑器中的Ext JS复选框,javascript,html,css,extjs,checkbox,Javascript,Html,Css,Extjs,Checkbox,有人知道如何将行编辑器中的复选框设置为中间位置吗? 我在ExtJS6.0.0中使用了主题“triton” 复选框放在行的顶部,但其他字段(如textfield或combobox)放在中间 它看起来像: 我已经将复选框的样式对象设置为align:center,但它不起作用 plugins: { ptype: 'rowediting', clicksToEdit: 2, saveBtnText: 'Übernehmen', cancelBtnText: 'Abbrechen' }, initCo
align:center
,但它不起作用
plugins: { ptype: 'rowediting', clicksToEdit: 2, saveBtnText: 'Übernehmen', cancelBtnText: 'Abbrechen' },
initComponent: function() {
var me = this;
me.store = 'MeasurementPoint';
me.columns = [
{
xtype: 'actioncolumn',
width: 50,
sortable: false,
hideable: false,
resizable: false,
menuDisabled: true,
draggable: false,
items: [
{
icon: 'Content/images/icon_32/garbage.png',
tooltip: 'Löscht den Eintrag',
handler: function(view, rowIdx, colIdx, item, ev, record) {
Ext.Msg.show({
title: 'Löschen bestätigen!',
msg: 'Soll der Messpunkt \"' + record.data.Name + '\" wirklich gelöscht werden?',
width: 300,
buttons: Ext.Msg.YESNO,
fn: function(btn) { if (btn === 'yes') view.ownerCt.getStore().remove(record); },
//animateTarget: rowIdx,
icon: Ext.window.MessageBox.QUESTION
});
}
},
{
icon: 'Content/images/icon_32/pencil.png',
tooltip: 'Bearbeitet den Eintrag',
handler: function(view, rowIdx, colIdx, item, ev, record) {
if (this.__form)
return;
this.__form = Ext.widget('window', {
layout: 'fit',
width: 500,
title: 'Messpunkt bearbeiten',
items: { xtype: 'measurementpointform', header: false },
}).show();
this.__form.down('button[itemId=save-measurementpoint]').action = 'update-measurementpoint';
this.__form.down('form').loadRecord(record);
this.__form.on('close', function() { this.__form = false }, this, { single: true });
}
}
]
},
{
xtype: 'gridcolumn',
dataIndex: 'Active',
text: 'Aktiv',
width: 70,
renderer: AWA.ImageRenderer.CROSS,
editor: {
xtype: 'checkbox',
}
},
{
xtype: 'gridcolumn',
dataIndex: 'Manually',
text: 'Manuell',
width: 90,
renderer: AWA.ImageRenderer.TICK,
editor: {xtype: 'checkbox'}
}
谢谢你们的帮助,我已经覆盖了CSS,它对我很有用
.x-grid-editor .x-form-cb-wrap {
vertical-align: middle;
}
谢谢请在问题中发布您的代码。您是否尝试了
垂直对齐:中间
?不知道如何设置此选项:我的样式:{'vertical-align:'middle'}
?