IT의 신

webix datatable cell column과 row size가 고정이고 cell 데이터가 크면 이상하게 2줄로 중간이 잘려서 나왔다. 이걸 어떻하나... 하고 삽질을 시작하는데.. 일단 fixedRowHeight:false 로 되어 있는것을 없애니 2줄로 나왔던게 1줄로는 나왔다. 마치 css의 white-space:nowrap; 과 같아보인다. 말줄임표가 없어서 그냥 잘린것 처럼 나오긴 한다. 말줄임표(...)를 넣는게 좋아보인다. 참고로 말줄임표(ellipsis)를 css를 통해 넣으면 되는데 .ellipsis{ width: 97%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 이렇게 선언 후..

webix datatable 에서 쎌 내용 만큼 센 높이가 변동이 되었으면 했다. 현재는 쎌 내용에 맞춰서 쎌 높이가 늘어나지 않고 고정되서 짤리는것 처럼 보여서.. 그래서 구글링을 했는데.. 잘 안됐다. 이상하네.. 분명 webix 매뉴얼에 있는 그대로 했는데.. 알고보니.. webix 매뉴얼은 그냥 샘플이니 webix datatable 선언과 동시에 내용까지 있어서 바로 선언시에 옵션들을 붙여도 적용이 되나 일반 업무 들에서는 그렇게 박아서 하지 않고 db에서 값을 불러와 셋팅 하는 방식이니 선언시 하면 webix datatable 입장에서는 내용이 얼마인지 모르니 height를 설정할 수 없다. 그러고 보니 모든 webix 관련 설정은 데이터를 다 불러오고 datatable에 parsing하고 나서..

webix tabview를 사용하려고 했는데 자꾸만 생각대로 잘 되지 않았다. 몇일동안 삽질하다가 원인을 찾았다. webix tabview를 사용하려면 다른 webix 가 tabview 앞에 다 나오고 맨 나중에 tabview를 사용해야 하는 것이였다. tabview를 다른 webix 위젯들 보다 먼저 쓰니 잘 안되었다. 아마 다른 webix 위젯들이 출력이 되고 맨 나중에 tabview가 잡아주는듯 하다. 반대로 tabview가 먼저 나오게 되버리면 나머지 위젯들이 렌더링 되기전에 tabview가 컨트롤 하려니 잘 안되는듯 하다. 그리고 그냥 datatable 만 쓸때는 height를 안써줘도 잘 나오는거 같은데, tabview에서 쓸때는 datatable height를 줘야 리스트가 잘 나오는듯 하다.

webix combo 사용시 값을 clear 해야할 때가 있다. $("aa").getList().clearAll(); $("aa").refresh();

webix richselect를 동적으로 세팅할 일이 생겼다. 흠.. 어떻게 해야하지.. webix api document 참조해도 잘 나와있지 않고.. 하나씩 뜯어보면.. webix richselect options 부분에 id,value가 json 형식으로 들어가 있으면 항목이 세팅된다. 예를들어 options:[ { id:1, value:"Banana" }, { id:2, value:"Papaya" }, { id:3, value:"Apple" } 혹은 options:"//docs.webix.com/samples/13_form/01_controls/server/data.json" 다른 richselect 값의 변화에 따라 다른 richselect 를 동적으로 세팅하려면 $$("ddlGList").at..

webix에서 input type="text" 에 readonly를 하려고 했는데 어려웠다. 이런저런 삽질을 하다가 마침내 알게 되었다. webix.ui({ container:"c", id:"id", view:"text", type:{width:"auto"} }); 이렇게 있다고 했을때 $$("id").define("readonly",true); $$("id").refresh(); 이렇게 하면 된다. refresh()를 하지 않으면 안된다.