Skip to content

Commit 7680ede

Browse files
pjk420838945pjk420838945
committed
a
1 parent 515588f commit 7680ede

File tree

5 files changed

+31
-326
lines changed

5 files changed

+31
-326
lines changed

‎tpl/demo/JC.AjaxTree/0.1/demo.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@
44
<meta charset="utf-8" />
55
<title>JC.AjaxTree simple demo</title>
66
<!-- start pageCommon style -->
7-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/common.css" />
8-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/app/simple.css" />
7+
<link rel="stylesheet" type="text/css" href="../../../../static/css/common.css" />
8+
<link rel="stylesheet" type="text/css" href="../../../../static/css/app/simple.css" />
99
<!-- end pageCommon style -->
1010

1111
<!-- start codeview style -->
12-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/js/codeMirror/lib/codemirror.css" />
13-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/app/codeview/neo.css" />
12+
<link rel="stylesheet" type="text/css" href="../../../../static/js/codeMirror/lib/codemirror.css" />
13+
<link rel="stylesheet" type="text/css" href="../../../../static/css/app/codeview/neo.css" />
1414
<!-- end codeview style -->
1515

1616
<!-- start JC style -->
17-
<link href='/jc_doc/static/js/jc/modules/JC.AjaxTree/0.1/res/default/style.css' rel='stylesheet' />
17+
<link href='../../../../static/js/jc/modules/JC.AjaxTree/0.1/res/default/style.css' rel='stylesheet' />
1818
<!-- end JC style -->
1919

2020
<!-- start customer style ( add class 'show-css' will show in css block ) -->

‎tpl/demo/JC.AjaxTree/0.2/demo.html

Lines changed: 8 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@
44
<meta charset="utf-8" />
55
<title>JC.AjaxTree simple demo</title>
66
<!-- start pageCommon style -->
7-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/common.css" />
8-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/app/simple.css" />
7+
<link rel="stylesheet" type="text/css" href="../../../../static/css/common.css" />
8+
<link rel="stylesheet" type="text/css" href="../../../../static/css/app/simple.css" />
99
<!-- end pageCommon style -->
1010

1111
<!-- start codeview style -->
12-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/js/codeMirror/lib/codemirror.css" />
13-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/app/codeview/neo.css" />
12+
<link rel="stylesheet" type="text/css" href="../../../../static/js/codeMirror/lib/codemirror.css" />
13+
<link rel="stylesheet" type="text/css" href="../../../../static/css/app/codeview/neo.css" />
1414
<!-- end codeview style -->
1515

1616
<!-- start JC style -->
17-
<link href='/jc_doc/static/js/jc/modules/JC.AjaxTree/0.1/res/default/style.css' rel='stylesheet' />
17+
<link href='../../../../static/js/jc/modules/JC.AjaxTree/0.1/res/default/style.css' rel='stylesheet' />
1818
<!-- end JC style -->
1919

2020
<!-- start customer style ( add class 'show-css' will show in css block ) -->
@@ -31,8 +31,9 @@
3131
}
3232
</style>
3333

34-
<script src="/jc_doc/static/js/jc/lib.js"></script>
35-
<script src="/jc_doc/static/js/config.js"></script>
34+
<script src="../../../../static/js/jc/lib.js"></script>
35+
<script src="../../../../static/js/config.js"></script>
36+
<script src="../../../../static/js/app/demo.js"></script>
3637

3738
</head>
3839
<body>
@@ -158,74 +159,6 @@
158159
});
159160

160161
</script>
161-
162-
<script type="text/javascript">
163-
requirejs( [ 'JC.AjaxTree', '../../lib/codemirror', 'codeMirror.htmlmixed', 'JC.FrameUtil' ], function( Tree, CodeMirror ){
164-
JC.FrameUtil.autoNoticeSize();
165-
166-
$( '.codeview-cssview textArea' ).html( $( '.show-css' ).html() );
167-
var cssEditor = CodeMirror.fromTextArea( $( '.codeview-cssview textArea' )[0], {
168-
readOnly: 'nocursor',
169-
lineNumbers: true,
170-
lineWrapping: true,
171-
mode: { name: 'css' }
172-
} );
173-
cssEditor.refresh();
174-
175-
$( '.codeview-jsview textArea' ).html( $( '.show-js' ).html() );
176-
var jsEditor = CodeMirror.fromTextArea( $( '.codeview-jsview textArea' )[0], {
177-
readOnly: 'nocursor',
178-
lineNumbers: true,
179-
lineWrapping: true,
180-
mode: { name: 'javascript' }
181-
} );
182-
jsEditor.refresh();
183-
184-
$( '.codeview-htmlview textArea' ).html( $( '.show-html' )
185-
.html().replace( /</ig,'&lt;' ).replace( />/ig,'&gt;' ) );
186-
187-
var htmlEditor = CodeMirror.fromTextArea(
188-
$( '.codeview-htmlview textArea' )[0], {
189-
190-
readOnly: 'nocursor',
191-
lineNumbers: true,
192-
lineWrapping: true,
193-
mode: {
194-
name: 'htmlmixed'
195-
, scriptTypes: [
196-
{ matches: 'text/template', mode: null }
197-
]
198-
}
199-
} );
200-
201-
htmlEditor.refresh();
202-
203-
$( '.codeview-tabbar a' ).on( 'click', function( e ){
204-
e.preventDefault();
205-
206-
var _tar = $( e.target );
207-
if( _tar.hasClass( 'selected' ) ){
208-
return;
209-
}
210-
211-
var _tarClass = _tar.attr( 'class' );
212-
_tar.parent().find( '.selected' ).removeClass( 'selected' );
213-
_tar.addClass( 'selected' );
214-
215-
$( '.codeview-view .nowview' ).removeClass( 'nowview' );
216-
$( '.' + _tarClass + 'view' ).addClass( 'nowview' );
217-
218-
if( _tarClass.indexOf('css') >= 0 ){
219-
cssEditor.refresh();
220-
} else if( _tarClass.indexOf('js') >= 0 ) {
221-
jsEditor.refresh();
222-
} else {
223-
htmlEditor.refresh();
224-
}
225-
});
226-
});
227-
</script>
228-
229162
</body>
230163
</html>
231164

‎tpl/demo/JC.AjaxTree/0.2/detail.html

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,16 @@
55
<title>JC.AjaxTree detail</title>
66

77
<!-- start pageCommon style -->
8-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/common.css" />
9-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/css/app/detail.css" />
8+
<link rel="stylesheet" type="text/css" href="../../../../static/css/common.css" />
9+
<link rel="stylesheet" type="text/css" href="../../../../static/css/app/detail.css" />
1010
<!-- end pageCommon style -->
1111

1212
<!-- start codeview style -->
13-
<link rel="stylesheet" type="text/css" href="/jc_doc/static/js/codeMirror/lib/codemirror.css" />
13+
<link rel="stylesheet" type="text/css" href="../../../../static/js/codeMirror/lib/codemirror.css" />
1414
<!-- end codeview style -->
1515

1616
<!-- start JC style -->
17-
<link href='/jc_doc/static/js/jc/modules/JC.AjaxTree/0.1/res/default/style.css' rel='stylesheet' />
17+
<link href='../../../../static/js/jc/modules/JC.AjaxTree/0.1/res/default/style.css' rel='stylesheet' />
1818
<!-- end JC style -->
1919

2020
<!-- start page style -->
@@ -23,8 +23,8 @@
2323
</style>
2424
<!-- end page style -->
2525

26-
<script src="/jc_doc/static/js/jc/lib.js"></script>
27-
<script src="/jc_doc/static/js/config.js"></script>
26+
<script src="../../../../static/js/jc/lib.js"></script>
27+
<script src="../../../../static/js/config.js"></script>
2828

2929
</head>
3030
<body>
@@ -106,7 +106,9 @@ <h3 id="navmark-data" class="detail-blockname">数据格式</h3>
106106
<h3 id="navmark-demo" class="detail-blockname">DEMO</h3>
107107
<div class="detail-ct">
108108
<h4 id="navmark-demo1" class="detail-groupname k">DEMO1 : Defualt</h4>
109-
<p class="desc">下面是AJAX 树的一个DEMO，菜单组件是一个很NB的组件,AJAX 树菜单组件是一个很NB的组件,AJAX 树菜单组件是一个很NB的组件,AJAX 树菜单组件是一个很NB的组件。</p>
109+
<p class="desc">
110+
下面是AJAX 树的一个DEMO，菜单组件是一个很NB的组件,AJAX 树菜单组件是一个很NB的组件,AJAX 树菜单组件是一个很NB的组件,AJAX 树菜单组件是一个很NB的组件。
111+
</p>
110112
<div class="detail-demoview">
111113

112114
<div class="js_compAjaxTree" data-cajScriptData="|script">
@@ -143,7 +145,9 @@ <h4 id="navmark-demo1" class="detail-groupname k">DEMO1 : Defualt</h4>
143145
</div>
144146

145147
<h4 id="navmark-demo2" class="detail-groupname">DEMO2 : 使用方法对树进行展开收缩</h4>
146-
<p class="desc">AjaxTree也对外部暴露了对树节点的操作方法，你可以通过<em>JC.BaseMVC</em>的<em>getInstance( Dom, CompType )</em>方法获取AjaxTree的实例，然后通过<em>open()</em>、<em>close()</em>、<em>open( data_id )</em>或者<em>close( data_id )</em>对树节点进行操作。</p>
148+
<p class="desc">
149+
AjaxTree也对外部暴露了对树节点的操作方法，你可以通过<em>JC.BaseMVC</em>的<em>getInstance( Dom, CompType )</em>方法获取AjaxTree的实例，然后通过<em>open()</em>、<em>close()</em>、<em>open( data_id )</em>或者<em>close( data_id )</em>对树节点进行操作。
150+
</p>
147151
<div class="detail-demoview">
148152

149153
<div>

0 commit comments

Comments
 (0)