小编use*_*742的帖子

在EXTJS面板中禁用水平滚动条

球队,

是否有人知道如何在面板中禁用水平滚动条.我使用的是EXTJS 3.4

基本上我只希望垂直滚动条可见而不是水平.

我尝试使用autoScroll = true作为面板属性,但如果我这样做,我可以看到水平和垂直滚动条.

这是代码.

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.4.0/ext-all.js"></script>
</head>

<body>
<script type="text/javascript">


    Ext.onReady(function(){
        var tab2 = new Ext.FormPanel({
            labelAlign: 'left',
            labelStyle: 'font-weight:bold;',
            labelWidth: 85,
            title: 'Run Report',
            bodyStyle:'padding:5px',
            border : true,
            style: 'margin:0 auto;margin-top:50px;margin-left:50',
            width: 900,
            height:600, 
                  items:
                  [{

                      xtype:'panel',
                      border:true,
                      height:75,
                      title:'Inner Panel',
                      bodyStyle:'padding:5px',
                      autoScroll:true,
                  items: [{
                    layout:'column',
                    border :false,
                    items:[{
                        columnWidth:.3,
                        layout: 'form',
                        border :false,
                        items: [{
                            xtype:'textfield',
                            fieldLabel: 'First Name',
                            name: …
Run Code Online (Sandbox Code Playgroud)

extjs

7
推荐指数
2
解决办法
2万
查看次数

如何在文本区域顶部对齐标签

团队,

我面临一个问题,即我无法在下面的示例中将标签对齐到文本“菜单列表”的顶部。

我尝试在文本区域中给出 AlignLabel = top 但它不起作用。

此外,我想在文本区域后放置一个搜索按钮,这将打开另一个表单,我将在那里选择可用的菜单项,但不知道如何操作。

代码。

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.4.0/ext-all.js"></script>
</head>

<body>
<script type="text/javascript">


    Ext.onReady(function(){
        var tab2 = new Ext.FormPanel({
            labelAlign: 'left',
            labelStyle: 'font-weight:bold;',
            labelWidth: 85,
            title: 'Run Report',
            bodyStyle:'padding:5px',
            border : true,
            style: 'margin:0 auto;margin-top:50px;margin-left:50',
            width: 900,
            height:600, 
                  items:
                  [{
                      xtype:'panel',
                      border:true,
                      height:150,
                      title:'Inner Panel',
                      bodyStyle:'padding:5px; overflow-x: hidden; overflow-y: auto;',
                      autoScroll:true,  
                  items: [{
                    layout:'column',
                    border :false,
                    items:[{
                        columnWidth:.3,
                        layout: 'form',
                        border :false,
                        items: [{ …
Run Code Online (Sandbox Code Playgroud)

extjs

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

extjs ×2