jquery easyui 질문입니다.

Question

안녕하세요제가 지금 easyui를 통해 combobox를 구현하고 있습니다.easyui를 사용하기위해서 class에 easyui-combobox를 넣어서 사용하고 있는데 html 상에 코드를 입력하고 쓰면 combobox 가 구현되지만클릭을 통해 html요소를 문자열로 가져와서 상위 div에 append하면 combobox 가 구현되지 않는 현상이 일어납니다.해결법을 알 수 있을까요?

비밀번호변경 · Answer

easyui의 combobox는 HTML과 JavaScript로 구현되어 있기 때문에, JavaScript 코드를 실행하지 않으면 combobox가 구현되지 않습니다. 따라서, 클릭을 통해 HTML 요소를 가져와서 append하는 경우에는 JavaScript 코드도 함께 추가해주어야 합니다.아래는 예시 코드입니다. 이 코드는 easyui의 combobox를 동적으로 생성하고, 상위 div에 추가하는 예시입니다.// combobox 생성var combobox = $("<input>").addClass("easyui-combobox");// combobox 설정combobox.combobox({ data: [{value: '1', text: 'Item 1'}, {value: '2', text: 'Item 2'}, {value: '3', text: 'Item 3'}], valueField: 'value', textField: 'text'});// 상위 div에 추가$("#parentDiv").append(combobox);위 코드에서는 data, valueField, textField 등의 combobox 설정도 함께 추가되어 있습니다. 필요에 따라 이를 수정하여 사용하시면 됩니다.만약 이 방법으로도 문제가 해결되지 않는다면, 콘솔 창에서 에러 메시지를 확인해보는 것이 좋습니다. 에러 메시지를 통해 원인을 파악하여 문제를 해결할 수 있습니다.

jquery easyui 질문입니다.

1개의 답변

Q&A 목록