Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@moriyatakashijp

IM-FormaDesignerでテキストボックスの入力可否をチェックボックスで制御する

More than 1 year has passed since last update.

はじめに

intra-martのIM-FormaDesignerでは、ローコード開発を行うことが可能です。
画面上の制御が必要な場合は、JavaScriptでスクリプトを実行することも可能です。

やったこと

IM-FormaDesignerでテキストボックスの入力可否をチェックボックスで制御した。

if( document.getElementsByName("checkbox")[0].value == 1){
    // テキストボックスの背景色をグレーに変更する
    $('input[name="textbox"]').css({
        'background-color': '#CCCCCC'
    });
    // 透明の箱をテキストボックスに重ねて入力不可にする
    document.getElementById('clearbox').style.left = '20px';
} else {
    // テキストボックスの背景色を白に変更する
    $('input[name="textbox"]').css({
        'background-color': '#FFFFFF'
    });
    // 透明の箱を元の位置に戻して入力可にする
    document.getElementById('clearbox').style.left = '520px';
}

わかったこと

JavaScriptを使用してCSSの要素を制御することで、パッケージ製品やフレームワークの制約がある中でも、カスタマイズなしで画面制御を行うことが可能である。なぜならば、要素の取得と書き換えがプログラムで制御できれば、自由に制御ができるからです。

つぎにやること

パッケージ製品やフレームワークとの結合度を意識しながら、他の実装を検討する

メリット

バージョンアップによる影響を最低限に抑えられる

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
moriyatakashijp
意識高い系エンジニア
fujitsu-ssl
富士通ソーシアルサイエンスラボラトリは、2021年4月1日に富士通に統合されました。(本コミュニティは、有志による非公式コミュニティです)

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?