1

JQGridのタイルバーに複数のアイコンを追加しようとしています。ある種のハッキングされたJQueryを使用して1を追加しましたが、折りたたみボタンの横に並べて表示する必要があります。私の解決策は非常に不法なようです。

これは私が持っているコードで、1つのアイコンを追加しました（3つのアイコンが必要です。おそらく4つ）

$("#grid").setCaption('Title Goes Here' + '<span style="margin-left:200px;"></span>' + '<input type="image" id="icon_test" src="img/pencil_icon.png" onclick="icon_test_click();" title="#" />');
4

2 に答える 2

2

jqGridタイトルバーにボタンを追加する例を次に示します。

    $('.ui-jqgrid-title').after('<div id="jqGridButtonDiv"><button id="Button1Id" type="button" class="titlebutton ui-button ui-widget ui-state-default ui-corner-all '+
                                'ui-button-text-only" role="button">Button Text</button></div>')
                        .after('<div id="YourCollectionFoilToggleDiv"><button id="Button2Id" type="button" class="titlebutton ui-button '+
                        'ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button">Button Text</button>  </div>');

次に、CSSを使用して、パディングを使用して右に浮かぶスタイルを設定します。

#jqGridButtonDiv{float:right; padding-right:50px; position:relative; top:-1px;}

これを簡単に適応させて、ボタンをアイコンなどに変更できるはずです。

于 2013-03-01T00:09:37.820 に答える
0

同様の要件がありました。ただし、同じ画面に複数のグリッドがあります。マークのソリューションと彼のCSSを使用し、使用するセレクターを変更すると'gview_id'（はidですgridId）、特定のグリッドに焦点を合わせることができました。

$('#gview_id span.ui-jqgrid-title').after('<button id=jqGridTitleButtonId class="ui-button ui-icon ui-icon-newwin"></button>');        
$('#jqGridTitleButtonId').click(function() {
        ...code here...
});
于 2013-04-22T14:15:37.940 に答える