jqgridツリーグリッドはユーザー定義のアイコンを表示できます

Question

この最初の画像はjqGridツリーグリッドを使用した結果です。アイコンはデフォルトで設定され、非リーフアイテムは「反転トライアングル」で始まり、リーフアイテムは「o」で始まります。

は、どのように私は2番目の絵のような表示結果が、私は行ごとに異なるアイコンを設定することができますように設定することができますか？

Answer 1

TreeGridの入力データは、ツリーの葉のアイコンを指定したクラス名とiconプロパティを含めることができます。ノードプロパティの値には、という2つのクラスが含まれている必要があります.1つは展開ノード用で、もう1つは折りたたまれたノード用です。例えば

[ 
    { ... 
     level: "0", parent: "null", isLeaf: false, expanded: true, loaded: true, 
     icon: "ui-icon-folder-open,ui-icon-folder-collapsed" }, 
    { ... 
     level: "1", parent: "1", isLeaf: true, expanded: false, loaded: true, 
     icon: "ui-icon-flag" }, 
    { ... 
     level: "2", parent: "2", isLeaf: true, expanded: false, loaded: true, 
     icon: "ui-icon-star" }, 
    ... 
] 

デモhttps://jsfiddle.net/OlegKi/4svafpub/3/は、あなたが何をするかいずれかの詳細を掲載しません

を表示TreeGridを示しています。 jqGridのフォークに関する情報はありません（free jqGrid、コマーシャルGuriddo jqGrid JS、バージョン< = 4.7の古いjqGrid）。どのCSSフレームワークを使用しているかわからない：jQuery UIまたはBootstrapとどのアイコンが設定されているか（jQuery UIアイコン、Font Awesome 4.x、Bootstrapのグリフアイコン...）。要件の正確な実装は、情報に依存します。どのような方法であれ、使用するアイコンセットからアイコンクラスを選択するか、カスタムCSSクラスを定義する必要があります。これはTreeGridノードとリーフに使用し、CSSルールを定義する必要があります。 CSSプロパティ：background-image、background-positionなど。結果として、必要なアイコンを表示することができます。

更新：iconはリーフにのみ使用され、前述のようにノード用ではないようです。

UPDATED 2：無料のjqGridのコードにいくつか変更を加えましたが、今ではTreeGridのノードのアイコンを指定できます。無料jqGridの更新バージョンと同じコードが

はデモhttps://jsfiddle.net/OlegKi/4svafpub/4/