2013-12-18 8 views
0

2 주 전 나는 WordPress에 대한 계획을 읽고있었습니다. 오늘 편집 가능한 텍스트 블록 하나가 마음에 들었습니다.편집 가능한 텍스트 블록

오늘 생각해 보면 ExtJS가 속임수를 쓰는 것 같습니다.

Have a Div; 클릭하면, 적어도 기본적인 편집 컨트롤 (내가 읽었던 토론은 일부 WYSIWYG을 통합하는 것에 관한 텍스트입니다.)을 포함한 텍스트를 포함하는 팝업을 열고, 물론 개정 된 Div를 저장하는 기능을합니다.

Doable, yes? (난 정말 물어해야합니까, 나는 전혀 아무것도 생각하지 감히.)

- @ bentrem 일명 @ITGeek

추신을 원본과 수정 된 내용을 모두 저장할 수 있습니까? 역사를 떠나기 위해?

+0

당신이 정말로 무엇을 요구 약간 불분명 기존 데이터를 편집 할 수

또 다른 방법입니다. HTML 편집기를보아야하는 경우이 예 (양식 # 3)를 참조하십시오. http://docs.sencha.com/extjs/4.2.2/#!/example/form/dynamic.html – dbrin

+0

HTML을 수락하는 것은 다음과 같이 2 차적입니다. 어떤 종류의 WYSIWYG 이겠지요. 내가 쓴 것처럼 : 기본적인 편집. 텍스트 개정. https://twitter.com/dmitrybrin에서 프로필 편집을 클릭하십시오. 헤이 뿌 레오. 하지만 말 : 어떤 부분이 불분명합니까? – BenTrem

답변

1

클릭하면 편집 가능한 텍스트 블록을 Editable Grid에서 사용할 수 있습니다. 인라인 텍스트는 편집 가능한 양식 컨트롤로 대체됩니다.

그리드 외부에서는 동일한 이벤트 및 구성 요소 체인을 연결해야합니다. 예를 들어 Label 구성 요소 또는 Display Field 구성 요소를 사용하고 클릭 리스너를 추가하고 textarea (또는 HTMLEditor) 하위 항목 및 저장 버튼을 사용하여 Window 구성 요소를 만들 수 있습니다. 저장시에는 입력 값을 모델 클래스에 복사하거나 AJAX 호출을 통해 서버로 다시 보내는 논리를 실행합니다. http://docs.sencha.com/extjs/4.2.2/#!/example/window/layout.html 인라인 편집기의 또 다른 예제는 다음 예제에 나와 있습니다. http://docs.sencha.com/extjs/4.2.2/#!/example/simple-widgets/editor.html 간단한 레이블을 편집 가능한 필드로 바꾸기 위해 Ext.Editor 클래스를 사용합니다. (행별로 양식 편집기) http://docs.sencha.com/extjs/4.2.2/#!/example/build/KitchenSink/ext-theme-neptune/#form-grid

+0

Fabulous Dmirty; 덕분에 많이. 나는 Sencha Popups에 익숙하고/사용했다. 저에게 가장 우려되는 것은 개정 된 내용을 저장하는 것입니다. p.s. 그냥 http://livedocs.dojotoolkit.org/dijit/InlineEditBox를 보았습니다. – BenTrem

+0

수락을 보내 주셔서 감사합니다. 이러한 프레임 워크는 크게 다르며 기본적으로 제공되는 구성 요소 및 기능에 대해 서로 일치하지는 않습니다. 그러나 충분한 기술과 도움으로 당신은 어느 것도 거의 모든 것을 할 수 있습니다. – dbrin