2011-03-01 2 views
2

자바 스크립트 나 그 라이브러리 중 하나를 사용하여 격자 구조를 만들려고합니다. 내 생각은 다음과 같습니다. 저는 소매상을위한 상품 관리자이고, 디스플레이 위치를 기반으로 아이템 판매를 추적하기 위해 작업하고있는 장고 프로젝트에 묶을 응용 프로그램을 만들고 싶습니다. 자바 스크립트 조각은 화면에 그리드 그리기 및 사용자가 그리드 위에 '영역'을 그릴 수 있습니다. 각 영역에는 일련의 격자 상자가 포함되며, 각각은 팔레트를 나타냅니다. 그리드가 그려지는 시점에서 각 상자는 이벤트 핸들러 등에 할당 할 수있는 DOM 개체입니다. 일련의 상자 위에 영역이 그려지면 활성화되고 각 상자에 다른 특성을 지정할 수 있습니다. 결국, 각 상자는 항목을 할당 할 수있는 빈 팔레트를 효과적으로 나타냅니다. 그 위치는 내 장고 앱을 통해 판매 데이터와 상호 연관 될 수 있습니다. 난 그냥 브로드 캐스트/자바 스크립트를 사용하여 위치 데이터를 관리하는 방법이 필요합니다.js를 사용하여 편집 가능한 격자를 만드는 방법

jquery 플러그인이나 다른 js 라이브러리가 있습니까? Raphael을 조사해 볼 수는 있지만 시간은 오래 걸릴 것입니다. 그 과정을 촉진시킬 그리드 기반 그리기 도구가 이미 존재하는지 궁금합니다. 당신이 추가하면 프레임 워크가 편집 가능한 격자를 가지고 자바 스크립트

+0

이것은 꽤 도메인 특정 구현입니다, 거기 밖으로 상자 도구 밖으로 총의 의심. 나는 당신이 사용할 수있는 부분들로 당신 스스로 그것을 작곡해야 할 것이라고 생각합니다. 요구 사항을 부분으로 나누고 부분별로 도움이되는 코드를 찾으십시오. – BGerrissen

답변

0

JQuery UI's Selectable 아마 시작하는 좋은 장소가 될 것입니다. 그 위에 상자를 드래그하여 선택할 수있는 그리드를 쉽게 만들 수 있습니다.

+0

은 jQuery와 함께 일을 처리했습니다. 귀하의 제안은 제기도에 대한 답변이었습니다. 고맙습니다 –

0

의 ExtJS는 환상적인 TableSorter

에 대해, 샘플 데모와 소스 코드를 http://dev.sencha.com/deploy/dev/examples/grid/edit-grid.html에 나는 항상 일을 내가 자바 스크립트 그리드 생각

1

매번를 참조하여 그것에 editable version, 나는 당신이 최고 AWESOME 프로젝트를 가질 것이라고 말할 것입니다!

: O)