jqgridが作成された後に列テンプレートを適用する方法

Question

無料jqgridは、作成後に列テンプレートを適用するためにallwではありません。 私は列にクリックした場合、アラートボックスが表示されない

var newOrderPriceTemplate = { 
    align: "center", 
    formatter: "showlink", 
    formatoptions: { 
     onClick: function() { alert('clicked'); } 
    } 
    }; 

    $(function() { 
     ... code to create jqgrid into $grid 
     $grid.jqGrid('setColProp', 'Hind', { 
     template: newOrderPriceTemplate, 
     search: false 
    }); 
    }); 

を試してみました。 search：falseは、検索フィールドを適切に削除して、setColPropが実行されるようにします。

jqgridが作成された後で表示される前に、newOrderPriceTemplateを適用する方法。 作成時にテンプレートがcolModelで指定されている場合、それは機能します。

最新の無料jqgrid、jquery、bootstrap 3、aps.net mvc4、.net 4.6が使用されています。

Answer 1

テンプレートの仕組みが誤解されていると思います。テンプレートは、$.extendで現在のいくつかのプロパティーをcolModelからテンプレートの別のオブジェクトと組み合わせるのに使用される設定のリストです。

無料のjqGridコードのthe code fragmentを読むことをお勧めします。簡略化した形でコードが言い換えれば

for (iCol = 0; iCol < p.colModel.length; iCol++) { 
    p.colModel[iCol] = $.extend(true, {}, 
     p.cmTemplate, 
     p.colModel[iCol].template || {}, 
     p.colModel[iCol]); 
} 

ように見えるjqGridはcolModelの性質を有するカラムのcmTemplate、templateプロパティの値を組み合わせます。 jqGridはグリッドの作成の最初にを行います。したがって

あなたはグリッドが作成された後、あなたは、あなただけの拡張（および上書き）するために、手動で$.extendを使う必要がある、を適用する必要があるいくつかのテンプレート（例えばnewOrderPriceTemplate）、既存の性質を持っている場合：

var p = $grid.jqGrid("getGridParam"); 

p.colModel[p.iColByName.Hind] = $.extend(true, {}, 
    p.colModel[p.iColByName.Hind], // old values 
    newOrderPriceTemplate,   // the applied template 
    { search: false }    // one more setting to apply 
); 

の後にの新しいプロパティを配置することは、現在の設定をp.colModel[p.iColByName.Hind]から上書きできるようにすることが重要です。