Sencha グリッドメニューヘッダでカラム選択のタイトルが”Actions”になってしまう

Sencha グリッドメニューヘッダでカラム選択のタイトルが”Actions”になってしまう
カテゴリ
技術
タグ
ExtJS
JavaScript
Sencha
SenchaExtJS

事象

Sencha Ext JSというJavaScriptフレークワークで、表題の事象が起きました。ヘッダメニューでカラム選択をする際の細かな点ではありますが、それゆえ少し見つけにくい不備になり得ます。表題で言っているのは以下のような画面表示です。

原因

“actionColumn”コンポーネントの仕様です。たいていのgrid部品は、text要素に指定した文字列が、ヘッダにも、メニュー内のカラム要素にも同じ名称で表示されるのですが、”actionColumn”は別の要素で指定をする必要があり、未指定だとデフォルトの”Actions”が表示されてしまうというわけです。

対応方法

menuText要素にも名称を指定する必要があります。”actionColumn”コンポーネントのみの対応となりますので、直感的な実装方法ではないのですが、正しく表示させるようにすることは可能です。

実装例)

対応後の表示)

参考

https://stackoverflow.com/questions/36779566/actioncolumn-xtype-column-header-is-showing-actions-in-column-hide-show-list


関連記事

  1. Sencha グリッドメニューヘッダでカラム選択のタイトルが”Actions”になってしまう

    事象 Sencha Ext JSというJavaScriptフレークワークで、表題の事象が起きました。ヘッダメニューでカラム選択をする際の細かな点ではありますが、それゆえ少し見つけにくい不備になり得ます。表題で言っているの […]

  2. Sencha Ext JSを使用していて画面が真っ白になってしまったときの対処法

    Sencha Ext JSとは Sencha Ext JSはJava Scriptのフレームワークです。JS部品をコンポーネント化して簡単にUIリッチな画面を作成することができます。 ここではこのJSフレームワークを使用 […]

  3. “Spring Boot” + “EXT JS”を使用したRESTアプリにおけるCSRF対策方針と実装例

    Qiitaに記事を書きました。 仕事で色々試行錯誤した結果をまとめてありますが、だいぶニッチなものなので必要としている人は限られそうです。^^; “Spring Boot” + “EX […]