EasyUIのDataGridのデータ行ごとに操作ボタンを追加する具体例

Easyui のデータグリッドは、データの各列の後に操作ボタンを追加します。この機能を実装するにはどうすればよいですか?以下のエディターは、EasyUI の DataGrid のデータ行ごとに操作ボタンを追加する実装コードを提供します。必要な方は参考にしていただければ幸いです。

実際、js でデータグリッドを宣言するときに、カスタム列の行を追加するのは非常に簡単です

{field:'operate',title:'操作',align:'center',width:$(this).width()*0.1, 
  formatter:function(value, row, index){ 
    var str = &#39;<a href="#" rel="external nofollow" name="opera" class="easyui-linkbutton" ></a>&#39;; 
    return str; 
}}

このコード行は columns 属性で定義されている必要があります。追加しました

これを追加しないと、操作欄にボタンのスタイルがなくなり、ハイパーリンクだけになります。リンクボタンやその他のボタンを使用する場合は、必要に応じて調整できます

最終的な効果は次のとおりです。以下のように

その後、状況に応じてaタグのonclickイベントなどに実行できます

関連推奨事項:

EasyUiコントロールのDatagridの詳細な説明

EasyUIのDataGridの詳細な説明Jsonデータソースメソッドのバインディング

EasyUIのdataGridインライン編集

以上がEasyUIのDataGridのデータ行ごとに操作ボタンを追加する具体例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。