kintone 새로운 모바일 UI 화면 개발 메모
4967 단어 금과
그러나 새로운 모바일 UI에 통합되기 전까지는 새로운 구 모바일 UI를 의식적으로 사용자 정의해야 하는 경우가 있으므로 개발 메모를 남겨 둡니다.
2019년 모바일 리뉴얼 일정
kintone HELP 2019 모바일 리뉴얼 일정
2019/10까지는 새롭고 오래된 모바일 UI를 선택할 수 있으므로 전환 기간 동안 맞춤설정을 고려해야 합니다.
웹 브라우저 표시 및 모바일 앱
일반 kintone API를 사용하여 맞춤설정하면 브라우저 보기와 모바일 앱을 의식할 필요가 없습니다.
그러나 DOM 작업을 수행하는 경우 이전 모바일 UI에서는 헤더 부분의 표시가 브라우저 표시와 모바일 앱에서 일부 다르므로 표시 환경을 결정하고 사용자 정의해야 했습니다.
새로운 모바일 UI는 현재 특히 차이가없는 것 같습니다.
웹 브라우저 표시 및 모바일 앱 결정
window.navigator.userAgent에 'kintone_mobile' 문자열이 있으면 모바일 앱처럼 보입니다.
다만, 공식적으로 공개되고 있는 정보는 아니기 때문에, 이것을 사용하는 경우, 사양 변경의 리스크가 있습니다.
2019/10에 새로운 모바일 UI에 통일되면, 특히 판정할 필요는 없어진다고 생각합니다.
// WEB ブラウザ表示とモバイルアプリの判定
var kmobile = window.navigator.userAgent.indexOf('kintone_mobile') >= 0;
true: モバイルアプリ
false: ブラウザ表示
새로운 구형 모바일 UI 결정
kintone API 또는 함수 등으로 신구 모바일 UI 상태를 얻을 수 없는 것 같습니다.
전역 변수에 cybozu.data.SHOULD_SHOW_MOBILE_V2가 추가되어 있으며, 그것을 보면 새로운 구를 알 수 있습니다. 다만 공식적으로 공개되고 있는 정보는 아니기 때문에, 이것을 사용하는 경우, 사양 변경의 리스크가 있습니다.
cybozu.data.SHOULD_SHOW_MOBILE_V2의 설정 값
true: 새로운 모바일 UI
false: 이전 모바일 UI
플러그인 등 복수의 kintone 환경에서 이용되는 것에 대해서, 2019/10까지의 이행 기간중은, 이것을 보고 판정할 수밖에 없을 것 같습니다.
용도로는 날짜 항목의 값 변경 이벤트를 사용할 수 있는지 여부입니다.
날짜 항목의 값 변경 이벤트
2019/7의 kintone 사양 변경으로 새로운 모바일 UI에서 날짜 항목이 캘린더 입력이 되었습니다.
이렇게 하면 모바일 날짜 항목 변경 시 이벤트 오류가 해결되었습니다.
이전 날짜 항목 입력 시 문제
날짜의 연, 월, 일의 입력 항목이 독립되어 있고, 날짜 미입력으로부터 연을 입력하면, 날짜 항목의 값 변경 이벤트가 발생한다.
결과적으로 event.record의 날짜 값이 입력되지 않은 상태로 유지되고 return event;하면 날짜 항목이 지워집니다.
(function() {
"use strict";
kintone.events.on(["mobile.app.record.create.change.日付","mobile.app.record.edit.change.日付"], function(event) {
return event;
});
})();
일시·시각 항목의 값 변경 이벤트
일시는 캘린더 입력이 되었습니다만, 시각은 여전히 시·분이 독립하고 있어 입력 도중에 항목 변경 이벤트가 발생해 버리는 문제는 그대로였습니다.
이쪽도 날짜 항목과 마찬가지로 문제를 개선해 주었으면 좋겠네요.
(function() {
"use strict";
kintone.events.on(["mobile.app.record.create.change.日時","mobile.app.record.edit.change.日時"], function(event) {
return event;
});
})();
일시의 일자를 클리어 해도, 일시치 변경 이벤트가 있으면, 값이 돌아 버리는 예.
Reference
이 문제에 관하여(kintone 새로운 모바일 UI 화면 개발 메모), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rex0220/items/9039cd83e7de0181ba36
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
일반 kintone API를 사용하여 맞춤설정하면 브라우저 보기와 모바일 앱을 의식할 필요가 없습니다.
그러나 DOM 작업을 수행하는 경우 이전 모바일 UI에서는 헤더 부분의 표시가 브라우저 표시와 모바일 앱에서 일부 다르므로 표시 환경을 결정하고 사용자 정의해야 했습니다.
새로운 모바일 UI는 현재 특히 차이가없는 것 같습니다.
웹 브라우저 표시 및 모바일 앱 결정
window.navigator.userAgent에 'kintone_mobile' 문자열이 있으면 모바일 앱처럼 보입니다.
다만, 공식적으로 공개되고 있는 정보는 아니기 때문에, 이것을 사용하는 경우, 사양 변경의 리스크가 있습니다.
2019/10에 새로운 모바일 UI에 통일되면, 특히 판정할 필요는 없어진다고 생각합니다.
// WEB ブラウザ表示とモバイルアプリの判定
var kmobile = window.navigator.userAgent.indexOf('kintone_mobile') >= 0;
true: モバイルアプリ
false: ブラウザ表示
새로운 구형 모바일 UI 결정
kintone API 또는 함수 등으로 신구 모바일 UI 상태를 얻을 수 없는 것 같습니다.
전역 변수에 cybozu.data.SHOULD_SHOW_MOBILE_V2가 추가되어 있으며, 그것을 보면 새로운 구를 알 수 있습니다. 다만 공식적으로 공개되고 있는 정보는 아니기 때문에, 이것을 사용하는 경우, 사양 변경의 리스크가 있습니다.
cybozu.data.SHOULD_SHOW_MOBILE_V2의 설정 값
true: 새로운 모바일 UI
false: 이전 모바일 UI
플러그인 등 복수의 kintone 환경에서 이용되는 것에 대해서, 2019/10까지의 이행 기간중은, 이것을 보고 판정할 수밖에 없을 것 같습니다.
용도로는 날짜 항목의 값 변경 이벤트를 사용할 수 있는지 여부입니다.
날짜 항목의 값 변경 이벤트
2019/7의 kintone 사양 변경으로 새로운 모바일 UI에서 날짜 항목이 캘린더 입력이 되었습니다.
이렇게 하면 모바일 날짜 항목 변경 시 이벤트 오류가 해결되었습니다.
이전 날짜 항목 입력 시 문제
날짜의 연, 월, 일의 입력 항목이 독립되어 있고, 날짜 미입력으로부터 연을 입력하면, 날짜 항목의 값 변경 이벤트가 발생한다.
결과적으로 event.record의 날짜 값이 입력되지 않은 상태로 유지되고 return event;하면 날짜 항목이 지워집니다.
(function() {
"use strict";
kintone.events.on(["mobile.app.record.create.change.日付","mobile.app.record.edit.change.日付"], function(event) {
return event;
});
})();
일시·시각 항목의 값 변경 이벤트
일시는 캘린더 입력이 되었습니다만, 시각은 여전히 시·분이 독립하고 있어 입력 도중에 항목 변경 이벤트가 발생해 버리는 문제는 그대로였습니다.
이쪽도 날짜 항목과 마찬가지로 문제를 개선해 주었으면 좋겠네요.
(function() {
"use strict";
kintone.events.on(["mobile.app.record.create.change.日時","mobile.app.record.edit.change.日時"], function(event) {
return event;
});
})();
일시의 일자를 클리어 해도, 일시치 변경 이벤트가 있으면, 값이 돌아 버리는 예.
Reference
이 문제에 관하여(kintone 새로운 모바일 UI 화면 개발 메모), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rex0220/items/9039cd83e7de0181ba36
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
2019/7의 kintone 사양 변경으로 새로운 모바일 UI에서 날짜 항목이 캘린더 입력이 되었습니다.
이렇게 하면 모바일 날짜 항목 변경 시 이벤트 오류가 해결되었습니다.
이전 날짜 항목 입력 시 문제
날짜의 연, 월, 일의 입력 항목이 독립되어 있고, 날짜 미입력으로부터 연을 입력하면, 날짜 항목의 값 변경 이벤트가 발생한다.
결과적으로 event.record의 날짜 값이 입력되지 않은 상태로 유지되고 return event;하면 날짜 항목이 지워집니다.
(function() {
"use strict";
kintone.events.on(["mobile.app.record.create.change.日付","mobile.app.record.edit.change.日付"], function(event) {
return event;
});
})();
일시·시각 항목의 값 변경 이벤트
일시는 캘린더 입력이 되었습니다만, 시각은 여전히 시·분이 독립하고 있어 입력 도중에 항목 변경 이벤트가 발생해 버리는 문제는 그대로였습니다.
이쪽도 날짜 항목과 마찬가지로 문제를 개선해 주었으면 좋겠네요.
(function() {
"use strict";
kintone.events.on(["mobile.app.record.create.change.日時","mobile.app.record.edit.change.日時"], function(event) {
return event;
});
})();
일시의 일자를 클리어 해도, 일시치 변경 이벤트가 있으면, 값이 돌아 버리는 예.
Reference
이 문제에 관하여(kintone 새로운 모바일 UI 화면 개발 메모), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rex0220/items/9039cd83e7de0181ba36
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
(function() {
"use strict";
kintone.events.on(["mobile.app.record.create.change.日時","mobile.app.record.edit.change.日時"], function(event) {
return event;
});
})();
Reference
이 문제에 관하여(kintone 새로운 모바일 UI 화면 개발 메모), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/rex0220/items/9039cd83e7de0181ba36텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)