2011-08-02 2 views
2

에 extjs 사용자 정의 진행에 extjs이 사용자가 이전 또는 값내가 사용 규모에 사용자의 상태를 표시 할 줄

이후 날씨를 나타냅니다 내가 바의 바, 수직 라인에서 사용자의 진행 상황을 표시 할

진행

더 나은 이해를 위해 아래 그림 참조

----------------- --- | -----------

extjs 진행률 표시 줄 사용 가능

감사합니다.

+0

또는 어떻게 JQuery와 또는 어떤 프레임 워크가 – nani1216

+0

당신은 예로부터이 같은 ProgressBar를 결합 할 수 있습니다 자바 스크립트 기타와 함께 할하는 데 도움이 :'에 http : // dev.sencha.com/deploy/ext-4.0.0/examples/simple-widgets/progress-bar.html'하지만 완벽한 해결책이 아닙니다. –

답변

0

다음은 ExtJS4에 대한 제 아이디어입니다.

JS :

Ext.create('Ext.ProgressBar', { 
    renderTo: 'basic-slider', 
    width: 214, 
    value: 0.1 
}); 
Ext.create('Ext.slider.Single', { 
    cls: 'no-bg', 
    renderTo: 'basic-slider', 
    width: 214, 
    minValue: 0, 
    hideLabel: true, 
    useTips: false, 
    maxValue: 100, 
    margin: '-19px 0 0 0', // render on progress bar 
    value: 50 
}); 

CSS :

.no-bg .x-slider-horz, .no-bg .x-slider-horz .x-slider-end, .no-bg .x-slider-horz .x-slider-inner { 
    background-image: none !important; /* remove bg from slider */ 
}