EXT中,怎么把表格的列名设置成这样的,如图

EXT中,怎么把表格的列名设置成这样的,如图,第1张

在一个单元格内写入“农残检测”光标停在单元格内,按住ALT键后打回车,再输入的文字将从第二行开始,如果还需要空一行的话,按住ALT后边打两次回车。最后设置单元格格式为水平居中,垂直居中。

先加一个自定义样式

custom-grid-row{

    height:35px;

}

然后设置viewConfig

Extcreate('ExtgridPanel',{

height : 300,

width : 400,

loadMask:true,

store:store,

title:'goods',

viewConfig:{

getRowClass:function(){

        // 在这里添加自定样式 改变这个表格的行高

return 'x-grid-row custom-grid-row';

}

},

columns:[]

});

只能这么办。写两个标签,像这样:<div id="form"><div id="field1"></div>在第一个div上创建一个form。var form = new extformform(config);form render("form");form里不要add任何东西,然后直接创建你的datafield,var field1 = new ExtformDataField(config);直接把这个field渲染到你的div上,field1render("field1");看看效果,如果不行,再加上几句,像这样,formgetEl()setStyle(visibility,"hidden"); 总结一下,就是拆开组件和form的关系,把form的渲染和组件的渲染完全分开。

默认的css样式就不要改了,你可以自定义一些css样式,然后用如下类似代买,可以控制

field的新样式

// 机台不同状态设置不同的背景色

    if (eqptState == "EQPT_STATE_DOWN") {

        ExtgetCmp('eqptState_' + pI)fieldClass = 'my-form-field-red';

    } else if (eqptState == "EQPT_STATE_IDLE") {

        ExtgetCmp('eqptState_' + pI)fieldClass = 'my-form-field-yellow';

    } else if (eqptState == "EQPT_STATE_RUN") {

        ExtgetCmp('eqptState_' + pI)fieldClass = 'my-form-field-green';

    } else if (eqptState == "EQPT_STATE_NG") {

        ExtgetCmp('eqptState_' + pI)fieldClass = 'my-form-field-violet';

    } else {

        ExtgetCmp('eqptState_' + pI)fieldClass = '';

    }

以上就是关于EXT中,怎么把表格的列名设置成这样的,如图全部的内容,包括:EXT中,怎么把表格的列名设置成这样的,如图、ExtJS如果设置表格行高,不要改公用样式只是针对当前表格。、html表格中嵌套Ext表单元素的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10149097.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存