\n

原因

\n

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

\n

対応方法

\n

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

\n

実装例)

\n

\"\"
\"\"/

\n

対応後の表示)

\n

\"\"
\"\"/

\n

参考

\n

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

\n","datePublished":"2018/10/24","dateModified":"2018/10/24","mainEntityOfPage":{"@type":"WebPage","@id":"https://sun0range.tech.server-on.net/information-technology/sencha-actions-menu-text"},"author":[{"@type":"Person","name":"nisioka","description":"オレンジ好きの中で最強のエンジニアになりたい。","url":"https://sun0range.tech.server-on.net","sameAs":["nisioka55","nisioka"]}],"publisher":{"@type":"Organization","name":"分かりやすい技術ブログ","description":"誰にでも分かりやすいをモットーに、IT技術的な内容を投稿するブログです。","logo":{"@type":"ImageObject","url":"https://sun0range.tech.server-on.net/favicon.webp","width":512,"height":512}}}]

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 […]