안녕하세요 그레이프시티입니다.
문의에 대한 답변을 드립니다.
1. treeview selectedItems 질문
=> 초기 상태 설정과 관련하여 트리 항목이 생성된 후, 발생하는 loadedItems 이벤트 내에서 TreeView의 selectedItem 속성에 값을 설정해주시면 됩니다. 사용자 정의 findItem 함수의 경우, header를 통해 값을 선택하고 반환하기 때문에 1차 노드 혹은 다중 노드 인 경우에도 동일한 방식으로 적용하실 수 있습니다. 노드 선택과 관련된 내용은 노드 표시 및 선택 데모에서 초기 상태 설정과 관련 내용은 초기 상태 데모에서 확인하실 수 있습니다.
<wjNav.TreeView (...) itemsSource={this.state} childItemsPath="items" initialized={this.initialized.bind(this)} loadedItems={this.theTreeSelectedLoadedItems.bind(this)}></wjNav.TreeView>
(...)
initialized(sender) {
this._control = sender;
}
theTreeSelectedLoadedItems(s, e) {
s.selectedItem = this.findItem(s.itemsSource, "Motorola");
}
findItem(items, str) {
for (var i = 0; items && i < items.length; i++) {
if (items[i].header.indexOf(str) !== -1) {
return items[i];
}
var result = this.findItem(items[i].items, str);
if (result) {
return result;
}
}
return null;
}
노드 표시 및 선택 데모 : https://demo.grapecity.co.kr/wijmo/learn-wijmo/Nav/TreeView/Nodes/ShowingandSelectingNodes/purejs
초기 상태 데모 : https://demo.grapecity.co.kr/wijmo/learn-wijmo/Nav/TreeView/DataBinding/InitialState/purejs
loadedItems : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_nav.treeview.html#loadeditems
selectedItems: https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_nav.treeview.html#selecteditem
2. selector을 사용해서 데이터를 추가하는 grid를 만들고 있는데 데이터를 추가할때 selector가 빈체크가 아니라 체크된 상태로 add하고 싶습니다.
=> 해당 기능을 구현하기 위해서는 FlexGrid의 신규 행 템플릿을 편집함으로 새로운 항목을 유저가 생성할 때 발생하는 rowAdded 이벤트를 사용해서 신규 행의 isSelected 상태를 true로 설정시길 바랍니다.
rowAdded(s, e) {
s.rows[e.row].isSelected = true;
}
render() {
return (
<div className="container-fluid">
<FlexGrid allowAddNew={true}(...)
rowAdded={this.rowAdded.bind(this)}
>
(...)
</FlexGrid>
행 추가 및 제거 : https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/Rows/AddingRemoving/purejs
rowAdded : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#rowadded
3. listbox에서 treeview처럼 itemclicked를 사용해서 선택할 수 있게 하거나 리스트가 바로 선택되지 않는 방법은 없을까요?
=> ListBox 컨트롤에서 현재 선택한 항목의 인덱스를 가져오거나 설정하는 selectedIndex를 -1로 설정해보시길 바랍니다.
theListBox.selectedIndex = -1;
seelctedIndex : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_input.listbox.html#selectedindex
각 문의에 대한 도움말 문서 및 데모를 전달 드리오니 참고하시길 바랍니다.
다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다