====== 콤보박스 선택테이블 가이드======
이 화면은 콤보박스의 셀렉트 테이블 샘플 화면이다.
selectbox_datatype 속성을 1:selecttable을 지정한다. picklist_linkdata 속성을 사용하여 데이터셋 링크 사용 기능을 제공한다.
관련 속성으로 selecttable_columncount, selecttable_codecolum, selecttable_commentcolum, selecttable_showcolumnheader,
selecttable_propdelimiter, selecttable_columnalign, selecttable_columnwidth, selecttable_columntitle, selecttable_columndatadelimiter, selecttable_rowdatadelimiter가 있다.
관련 API는 getselectedcode, setselectedcode, setselecttabledata, addselecttabledata ,setcolumnselecttabledata, addcolumnselecttabledata가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/COMBOBOX/combobox_selecttable
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/COMBOBOX/combobox_selecttable.xml|combobox_selecttable.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/COMBOBOX/combobox_selecttable.js|combobox_selecttable.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/COMBOBOX/combobox_selecttable|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
function btn_getselectedcode_on_mouseup(objInst)
{
// 멀티로 선택된 코드 값은 value_delimiter 속성값으로 연결된 문자열로 리턴된다.
screen.alert("getselectedcode = [" + cbo_multi.getselectedcode() + "]");
}
function btn_setselectedcode_on_mouseup(objInst)
{
var arrSelectCode = []; // 선택할 코드값을 저장할 배열
arrSelectCode.push("01");
arrSelectCode.push("03");
// 멀티 코드 선택 값을 지정하기 위해서는 value_delimiter 속성값으로 구분된 코드 값을 지정한다.
cbo_multi.setselectedcode(arrSelectCode.join(cbo_multi.getvaluedelimiter()));
}
function screen_on_load()
{
var ret, row, column, selecttable_row_count, selecttable_column_count;
// 아래 소스는 selecttable 관련 API 동작 확인용 샘플 소스 입니다.
// 콤보, 그리드 selecttable 데이터 추가 샘플
/*
ret = cbo_single.addselecttabledata("1:2:3:4");
factory.consoleprint("addselecttabledata: " + ret);
ret = grdList.addcolumnselecttabledata(0, "1:2:3:4");
factory.consoleprint("addcolumnselecttabledata: " + ret);
*/
// 콤보, 그리드 selecttable 데이터 멀티 추가 샘플
/*
ret = cbo_single.setselecttabledata("11:22:33:44;111:222:333:444;1111:2222:3333:4444", "", "", true);
factory.consoleprint("setselecttabledata: " + ret);
ret = grdList.setcolumnselecttabledata(0, "11:22:33:44;111:222:333:444;1111:2222:3333:4444", "", "", true);
factory.consoleprint("setcolumnselecttabledata: " + ret);
*/
// 콤보 selecttable 데이터 조회 샘플
/*
selecttable_column_count = cbo_single.getselecttablecolumncount();
factory.consoleprint("getselecttablecolumncount: " + selecttable_column_count);
selecttable_row_count = cbo_single.getselecttablerowcount();
factory.consoleprint("getselecttablerowcount: " + selecttable_row_count);
for (row = 0; row < selecttable_row_count; row++) {
column_data_arr = cbo_single.getselecttablerowdata(0, row);
if (column_data_arr == null) {
factory.consoleprint("getselecttablerowdata fail");
}
else {
factory.consoleprint("getselecttablerowdata: " + column_data_arr.join(","));
}
}
*/
// 그리드 컬럼 selecttable 데이터 조회 샘플
/*
selecttable_column_count = grdList.getcolumnselecttablecolumncount(0);
factory.consoleprint("getcolumnselecttablecolumncount: " + selecttable_column_count);
debugger;
selecttable_row_count = grdList.getcolumnselecttablerowcount(0);
factory.consoleprint("getcolumnselecttablerowcount: " + selecttable_row_count);
for (row = 0; row < selecttable_row_count; row++) {
column_data_arr = grdList.getcolumnselecttablerowdata(0, 0, row);
if (column_data_arr == null) {
factory.consoleprint("getcolumnselecttablerowdata fail");
}
else {
factory.consoleprint("getcolumnselecttablerowdata: " + column_data_arr.join(","));
}
}
*/
// 콤보박스 getselecttablerowdata API 코드 기준으로 찾는 샘플
/*
column_data_arr = cbo_single.getselecttablerowdata(1, "02");
if (column_data_arr == null) {
factory.consoleprint("getselecttablerowdata fail");
}
else {
factory.consoleprint("getselecttablerowdata: " + column_data_arr.join(","));
}
*/
// 그리드 getcolumnselecttablerowdata API 코드 기준으로 찾는 샘플
/*
column_data_arr = grdList.getcolumnselecttablerowdata(0, 1, "02");
if (column_data_arr == null) {
factory.consoleprint("getcolumnselecttablerowdata fail");
}
else {
factory.consoleprint("getcolumnselecttablerowdata: " + column_data_arr.join(","));
}
*/
}