컨테이너에 따라 ExtJS 텍스트 필드 너비를 조정하는 방법

제 시간에와

ExtJS 버전 4.2.1을 사용하고 테이블 레이아웃이 있습니다.

     Ext.create('Ext.panel.Panel', {
            width: 1300,
            height: 700,
            title: 'Table Layout',
            layout: {
                type: 'table',
                columns: 3,
                tdAttrs:
                    {
                        width: 500,
                    }
            },
            items: [
                {
                    fieldLabel: 'Text1',
                    xtype: 'textfield',
                },
                {
                    fieldLabel: 'Text2',
                    xtype: 'textfield',
                },
                {
                    fieldLabel: 'Text3',
                    xtype: 'textfield',
                },
                {
                    fieldLabel: 'Text4',
                    xtype: 'textfield',
                },
                 {
                     fieldLabel: 'Text5',
                     xtype: 'textfield',
                 },
                {
                    fieldLabel: 'Text6',
                    xtype: 'textfield',
                }],
            renderTo: Ext.getBody()
        });

결과는 여기에 이미지 설명 입력각 열 너비가 500px이고 각 텍스트 필드의 너비를 컨테이너로 조정하고 싶습니다. 어떻게 든 autoWidth이지만 지금은 아닙니다.

다린 콜레프

텍스트 필드에 너비를 백분율로 추가합니다.

Ext.create('Ext.panel.Panel', {
    width: 1300,
    height: 700,
    title: 'Table Layout',
    layout: {
        type: 'table',
        columns: 3,
        tdAttrs: {
            width: 500,
        }
    },
    defaults: {
        width: '95%'
    },
    items: [
         // ...
    ],
    renderTo: Ext.getBody()
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

텍스트 필드 너비를 자동 조정하는 방법

분류에서Dev

WPF에서 창 너비와 높이에 따라 컨트롤 너비와 높이를 조정하는 방법

분류에서Dev

조건에 따라 extjs4 창의 html 텍스트를 업데이트하는 방법

분류에서Dev

드롭 다운에 너비를 설정하고 너비에 따라 크기 내에서 텍스트 조정

분류에서Dev

조건에 따라 필드를 업데이트하는 방법

분류에서Dev

컨테이너 크기에 따라 너비와 높이를 설정하는 방법은 무엇입니까?

분류에서Dev

내부 텍스트에 따라 요소의 너비를 설정하는 방법은 무엇입니까?

분류에서Dev

뷰 박스 또는 svg 태그의 높이 너비에 따라 도면 크기를 조정하는 방법

분류에서Dev

조건에 따라 특정 텍스트를 얻는 쉘 방법

분류에서Dev

컨테이너와 비교하여 텍스트 크기를 조정하는 방법

분류에서Dev

내용물에 따라 Ag-Grid 컨테이너의 너비를 조정하는 방법은 무엇입니까?

분류에서Dev

컨테이너 높이에 따라 메뉴 높이를 자동 조정하는 방법

분류에서Dev

extjs에서 부모 컨테이너를 닫는 방법

분류에서Dev

Windows Phone 앱-장치 너비에 따라 텍스트 줄 바꿈을 만드는 방법

분류에서Dev

너비가 제한된 텍스트에 따라 UILabel 크기를 변경하는 방법

분류에서Dev

컨테이너에서 서비스를 테스트하기위한 클라이언트 컨테이너

분류에서Dev

Elasticsearch에서 인증이 필요한 비트 컨테이너를 실행하는 방법

분류에서Dev

입력 필드의 값에 따라 span 태그에 텍스트를 표시하는 방법

분류에서Dev

fetch cteTable에 따라 특정 필드를 업데이트하는 방법

분류에서Dev

페이지를 채우고 크기 조정에 따라 텍스트 위치를 조정하는 방법

분류에서Dev

iOS : 텍스트 필드 너비를 설정하거나 늘리는 올바른 방법

분류에서Dev

ExtJs 필드 컨테이너 스트레치

분류에서Dev

여러 컨테이너를위한 하나의 호스트 및 경로에 따라 컨테이너 전환

분류에서Dev

Angular 6 Reactive Forms- 다른 입력 선택에 따라 텍스트 필드를 채우는 방법

분류에서Dev

다른 div 위치에 따라 div 너비를 조정하는 방법

분류에서Dev

텍스트 파일에서 숫자 필드를 조정하는 방법

분류에서Dev

flutter-하단 텍스트 필드가있는 컨테이너

분류에서Dev

텍스트에 따라 자동 조정 가능한 pdftable을 만드는 방법

분류에서Dev

화면 크기에 따라 컨테이너를 맞추는 방법 html

Related 관련 기사

  1. 1

    텍스트 필드 너비를 자동 조정하는 방법

  2. 2

    WPF에서 창 너비와 높이에 따라 컨트롤 너비와 높이를 조정하는 방법

  3. 3

    조건에 따라 extjs4 창의 html 텍스트를 업데이트하는 방법

  4. 4

    드롭 다운에 너비를 설정하고 너비에 따라 크기 내에서 텍스트 조정

  5. 5

    조건에 따라 필드를 업데이트하는 방법

  6. 6

    컨테이너 크기에 따라 너비와 높이를 설정하는 방법은 무엇입니까?

  7. 7

    내부 텍스트에 따라 요소의 너비를 설정하는 방법은 무엇입니까?

  8. 8

    뷰 박스 또는 svg 태그의 높이 너비에 따라 도면 크기를 조정하는 방법

  9. 9

    조건에 따라 특정 텍스트를 얻는 쉘 방법

  10. 10

    컨테이너와 비교하여 텍스트 크기를 조정하는 방법

  11. 11

    내용물에 따라 Ag-Grid 컨테이너의 너비를 조정하는 방법은 무엇입니까?

  12. 12

    컨테이너 높이에 따라 메뉴 높이를 자동 조정하는 방법

  13. 13

    extjs에서 부모 컨테이너를 닫는 방법

  14. 14

    Windows Phone 앱-장치 너비에 따라 텍스트 줄 바꿈을 만드는 방법

  15. 15

    너비가 제한된 텍스트에 따라 UILabel 크기를 변경하는 방법

  16. 16

    컨테이너에서 서비스를 테스트하기위한 클라이언트 컨테이너

  17. 17

    Elasticsearch에서 인증이 필요한 비트 컨테이너를 실행하는 방법

  18. 18

    입력 필드의 값에 따라 span 태그에 텍스트를 표시하는 방법

  19. 19

    fetch cteTable에 따라 특정 필드를 업데이트하는 방법

  20. 20

    페이지를 채우고 크기 조정에 따라 텍스트 위치를 조정하는 방법

  21. 21

    iOS : 텍스트 필드 너비를 설정하거나 늘리는 올바른 방법

  22. 22

    ExtJs 필드 컨테이너 스트레치

  23. 23

    여러 컨테이너를위한 하나의 호스트 및 경로에 따라 컨테이너 전환

  24. 24

    Angular 6 Reactive Forms- 다른 입력 선택에 따라 텍스트 필드를 채우는 방법

  25. 25

    다른 div 위치에 따라 div 너비를 조정하는 방법

  26. 26

    텍스트 파일에서 숫자 필드를 조정하는 방법

  27. 27

    flutter-하단 텍스트 필드가있는 컨테이너

  28. 28

    텍스트에 따라 자동 조정 가능한 pdftable을 만드는 방법

  29. 29

    화면 크기에 따라 컨테이너를 맞추는 방법 html

뜨겁다태그

보관