スマホ入力時の数字項目での入力モード自動切換え

kintone カスタマイズ
1

以下を参考にしてスマホを使用した場合、数字項目の時に自動的にテンキーのモードにできたのですが、テーブルを使用した場合、２行目以降はモードが切り替わりません。２行目以降も自動的にテンキーのモードにするにはどのように記述したらいいのでしょうか？

参考：スマホやタブレットにおける数値項目での入力モードの自動切り替えについて

jQuery.noConflict();
(function($) {
 "use strict";
 kintone.events.on(["mobile.app.record.edit.show","mobile.app.record.create.show"], function(event) {
 $('.gaia-ui-decimal-input-input input').attr('type', 'number');
 return event;
 });
})(jQuery);

 

2

２行目以降でテンキーに自動的にならない条件は、「行を追加する」で追加された行に対してでした。

保存された２行目以降に対して、編集で開いた時には自動的にテンキーになっていました。

3

以下のようにイベントを追加しても結果は変わりませんでした

 kintone.events.on(["mobile.app.record.edit.show","mobile.app.record.create.show","mobile.app.record.create.change","mobile.app.record.edit.change"], function(event) {
4

hirofu様

初めまして！pekoと申します。

フィールド値変更時には、対象のフィールドコードを入力する必要があります。
以下のように、テーブルのフィールドコードを追加すると動くと思いますので、お試しくださいませ。

“mobile.app.record.create.change"→"mobile.app.record.create.change.[テーブルのフィールドコード]”
“mobile.app.record.edit.change"→"mobile.app.record.edit.change.[テーブルのフィールドコード]”

参考：
https://developer.cybozu.io/hc/ja/articles/202166270#:~:text=%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB-,mobile.app.record.edit.change.%3C%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%82%B3%E3%83%BC%E3%83%89%3E,-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E7%B7%A8%E9%9B%86%E7%94%BB%E9%9D%A2 

5

peko 様

テーブルのフィールドコードを指定しましたが、行追加したときは数字モードになりませんでした

6

“mobile.app.record.create.change.[フィールドコード]” は、テーブルの行追加のときには発火しないのでしょうか？

すでにある行を変更するときには、“mobile.app.record.edit.change.[フィールドコード]” が発火するので、数字モードになっているような気がします

7

hirofu様

なるほどです。
テーブルのフィールドコードを指定した場合、
値の変更ではなく、行追加・行削除のタイミングで発火するはずなのですが・・
（以下のリンクをご確認ください）

https://developer.cybozu.io/hc/ja/articles/202166270#:~:text=%E2%80%BB%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6,%E3%82%8C%E3%81%9F%E3%82%BF%E3%82%A4%E3%83%9F%E3%83%B3%E3%82%B0

8

peko 様

このリンク先の情報を見る限り発火するはずなのですが、実際には発火していないようです

9

hirofu様

「すでにある行を変更したときにイベントが発火している」とのことですが、数値のフィールドコードを設定されてはおりませんでしょうか？
念のため、再度見ていただけますでしょうか。

10

peko 様

該当フィールドは、数値になっています

11

hirofu様

伝え方が悪く、すみません。

mobile.app.record.create.change._ テーブルの _フィールドコード
になっておりますでしょうか？

12

peko 様

以下のように、"mobile.app.record.create.change.テーブルのフィールドコードになっています
テーブルのフィールドコードは、重量です

jQuery.noConflict();
(function($) {
 "use strict";
kintone.events.on(["mobile.app.record.edit.show","mobile.app.record.create.show","mobile.app.record.create.change.重量","mobile.app.record.edit.change.重量"], function(event) {
 $('.gaia-ui-decimal-input-input input').attr('type', 'number');
 return event;
 });
})(jQuery);
13

peko 様

テーブルのフィールドコードの意味をはき違えていたようです。
私が設定していたのは、テーブルの中の項目に対するフィールドコードでした。

テーブルのフィールドコードに変更したら、できました。

ご指南ありがとうございました。

14

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。