2017-12-12 44 views
0

나는 Slickgrid를 사용하고 난 다른 탭에서 여러 그리드를 만들려면, 그러나 나는 다음과 같은 오류 데 :Slickgrid 추가 탭이 동적으로

enter image description here

내 스크립트

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />  
<link rel="stylesheet" href="/Scripts/SlickGrid/slick.grid.css" type="text/css"/> 
<link rel="stylesheet" href="examples.css" type="text/css" /> 
<script src="../../Scripts/SlickGrid/lib/firebugx.js"></script> 

<script src="../../Scripts/SlickGrid/lib/jquery-1.11.2.min.js"></script> 
<script src="../../Scripts/SlickGrid/lib/jquery-ui-1.11.3.min.js"></script> 
<script src="../../Scripts/SlickGrid/lib/jquery.event.drag-2.2.js"></script> 
<script src="../../Scripts/SlickGrid/lib/jquery.tmpl.min.js"></script> 


<script src="../../Scripts/SlickGrid/slick.core.js"></script> 
<script src="../../Scripts/SlickGrid/plugins/slick.autotooltips.js"></script> 
<script src="../../Scripts/SlickGrid/plugins/slick.cellrangedecorator.js"></script> 
<script src="../../Scripts/SlickGrid/plugins/slick.cellrangeselector.js"></script> 
<script src="../../Scripts/SlickGrid/plugins/slick.cellcopymanager.js"></script> 
<script src="../../Scripts/SlickGrid/plugins/slick.cellselectionmodel.js"></script> 
<script src="../../Scripts/SlickGrid/slick.editors.js"></script> 
<script src="../../Scripts/SlickGrid/slick.grid.js"></script> 
<script src="../../Scripts/SlickGrid/slick.formatters.js"></script> 
<script src="../../Scripts/SlickGrid/slick.compositeeditor.js"></script> 

내 코드

$(function() {$("div#tabs").tabs();}) 

답변

0

https://github.com/6pac/SlickGrid/wiki/Examples의 '부트 스트랩, 동적 그리드 및 타사 구성 요소 편집기'에서 살펴보십시오.

페이지의 멀티 그리드 및 그리드가 포함 된 새 탭을 동적으로 생성하는 예제가 있습니다.

+0

jQuery 탭 안에 동적으로 생성 된 SlickGrid 예제를 따르고 있으며 코드를 그대로 복사하고 있습니다. 그러나 탭이 작동하지 않으며 그 이유를 모르겠습니다. – Ana

+0

당신이해야 할 일은 작동하는 SlickGrid 예제 (예 : 컴퓨터에 repo를 다운로드하여 실행)부터 시작하여 페이지의 작은 부분을 한번에 추가하는 것입니다. 라이브러리 간의 충돌, 페이지의 중복 ID 또는 스크립트가 참조되는 순서와 관련된 것일 수 있습니다. 어떤 시점에서 예제가 중단되고 문제가 발생한 마지막 변경 사항을 알 수 있습니다. 또는 작동하고 더 이상 문제가 없습니다! 죄송합니다. 그러나이를 '시스템 통합'이라고하며 실제로 그렇게하는 것이 어렵습니다. –