jCTのもつれ、フロントテンプレート下Gridベース版


SVNは更新された.最新ダウンロード:jCTの最新バージョン
もっと多くの情报は私のブログの中のjCT特集を见てください、あるいはjCTオープンソースホームページの例の中で最も简単な例があって、また私は更に兴味のあるあなたが直接htmlコードと需要を提出することができることを望んで、私达はどのようにjCTの方法で书くことを讨论します.
===============================================
前の1篇のjCTは文章を葛藤して書き終わった後に、実は私は完全に1つのGridを完成していないで、実際に彼のいくつかの事を完成しないで明細することができなくて、考えを論証することができません
では、実際に完全なものを作りましょう.今は基礎版のjCT Gridが完成しました.jCTオープンソースホームページの例にアクセスしてください.興味があれば、まず運行結果を見てください.最も簡単な構造のGrid基礎バージョンソースコードもgooglecodeから直接見てください.
後で説明してこのGridを豊かにして、ほほほ、私自身も次の開発がどんな問題に直面するか分かりません.
I will be back....... .
====ps================================
汗ですね.IEの効果をテストすることを忘れて、、、修復してIEも正常に表示しました
======================================
2009-12-23未明
やっと1つの机能を解决しました:cell幅の调整、ああ、自分で少し异なる构造を书くのは本当に容易ではありませんて、人の构造を写すのは本当に面白くありませんて、无理して1つの异なっていることをして、何の利益があるとは言えませんて、どうせ自分で考えたので、2つのその他の実现を见て本当に彼らの构造と异なって、夜が明けて引き続き、先に章小说を见て、,2009-12-23晩にコード構造を再編成し,FireFox,IE 6,7(IE 8がIE 7モードを採用できる以上,生命を浪費しない)でテストが完了し,jCT Gridベース版が正式に完了した(jQuery,$.fn.noSelectがflexigridから来たので,Paulo P.Marinasに感謝する)が,どうしてページを変えてデータを更新するサポートがないのか.変更、データのコミットも編集できませんか?基礎版は基礎を打つので、これらはすべて余分な機能で、私が表現したいのはテンプレートの形式でコンポーネントの改造を開発するのは簡単です.コードが大幅に簡略化されたので、私の習慣に基づいて、次はajax細粒度通信nameTreeの技術でこのGridに対する構造を完成して、FireBugの下で見て、よく分かりました.唯一特別な解釈が必要なのは
<div class="jctgrid-colwidth index-n"><div></div></div>

この構成は、列幅を調節するために用意するもので、実はGridのcellには垂直な枠線がなく、このjctgrid-colwidthは垂直な枠線の役割も果たすため、jctgrid-gheadがあり、jctgrid-gbodyは両方の部分にこのjctgrid-colwidthをjctgridに置く必要がある.jsの中のコード1.テンプレートの特性のため、テンプレートはユーザーが$('body')であることを知らない.html(htmlsrc)は、やはり$('body')を使います.append(htmlsrc)は、テンプレートが作成する文字列のソースコードがDOMオブジェクトではないので、生成オブジェクトに一意のidを付与ことで新しいオブジェクトを決定するため、グローバルカウンタGIDを設定し、テンプレートに使用する.jCTLibはjCTテンプレートコンポーネントの操作の容器の対象で、現在まだ完備していない組織は現在平板式の構造を簡単に組織したため、後でjCTテンプレートコンポーネントがコンパイルして貯蔵した後、新しい構造を設計するかもしれない.jCT例にPushViewメソッドを追加すると,パラメータ文字列を出力キャッシュ配列4に直接押し込む.以降のjCTテンプレートコンポーネントのコンパイルダンプの可読性を考慮して、元のテンプレートテキストの空白文字を簡単に削除した.
txt=txt.replace(/[\f
\r\t\v]+/g,'');

 
テンプレートもコードも多くないので、簡単にわかるはずです.