<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>置換え | Qwerty.work</title>
	<atom:link href="https://qwerty.work/blog2/archives/tag/%E7%BD%AE%E6%8F%9B%E3%81%88/feed" rel="self" type="application/rss+xml" />
	<link>https://qwerty.work/blog2</link>
	<description>パソコンに関することをいろいろメモしています。</description>
	<lastBuildDate>Mon, 13 Feb 2023 00:09:26 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.1</generator>

<image>
	<url>https://qwerty.work/wp/wp-content/uploads/2022/11/cropped-favicon_QwertyWork-32x32.png</url>
	<title>置換え | Qwerty.work</title>
	<link>https://qwerty.work/blog2</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【Kintone】モバイルのテーブル内の自動計算の文字を置き換えるJavascript</title>
		<link>https://qwerty.work/blog2/archives/333</link>
		
		<dc:creator><![CDATA[postmaster]]></dc:creator>
		<pubDate>Mon, 13 Feb 2023 00:06:22 +0000</pubDate>
				<category><![CDATA[Kintone]]></category>
		<category><![CDATA[Jacascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[キントーン]]></category>
		<category><![CDATA[置換え]]></category>
		<guid isPermaLink="false">https://qwerty.work/blog2/?p=333</guid>

					<description><![CDATA[目次 自動計算という文字を表示させたくないJavascriptのソース例jQueryのソース例 自動計算という文字を表示させたくない キントーンで計算式を設定したフィールドがあります。モバイルで編集画面を表示した際、その [&#8230;]]]></description>
										<content:encoded><![CDATA[
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">自動計算という文字を表示させたくない</a><ol><li><a href="#toc2" tabindex="0">Javascriptのソース例</a></li><li><a href="#toc3" tabindex="0">jQueryのソース例</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">自動計算という文字を表示させたくない</span></h2>
<p>キントーンで計算式を設定したフィールドがあります。モバイルで編集画面を表示した際、その項目には<strong>『自動計算』</strong>と表示されています。ここの表示幅をCSSなどで狭くしている場合、縦に表示されてしまい、レイアウトが崩れてしまいます。そこで、Javascriptで仮に<strong>「*」</strong>に置換て表示するスクリプトを書いたのでメモ。</p>
<p>こちらを参考にしてうまく動かなかった際はすみません。</p>
<h3><span id="toc2">Javascriptのソース例</span></h3>
<p>テーブルのレコードを追加するボタンが押されたら、テーブル内にあるレコードの数を確認して<strong>for文</strong>で繰り返し<strong>「自動計算」</strong>を<strong>「*」</strong>に置換えます。</p>
<pre>/* 
　自動計算フォームに表示される「自動計算」の文字を書き換え
*/
(function() {
  'use strict';
   kintone.events.on(['mobile.app.record.create.show', 'mobile.app.record.edit.show', 'mobile.app.record.create.change'], function(event) {
      const record = event.record;
      var subtable = record.テーブル.value;
      var row = subtable.length;

      for (var i = 0; i &lt; row ; i++ ){
        var elm = document.getElementsByClassName('forms-label-gaia expression-field-gaia');
        elm[i].textContent = '*';
      }
      return event;
      });
})();</pre>
<h3><span id="toc3">jQueryのソース例</span></h3>
<p>こちらは<code>setTimeout</code>で遅延させています。テーブルに行を追加したときに遅延させないと置換ができないことがあったためです。</p>
<pre>(($) =&gt; {
  'use strict';

  kintone.events.on(['mobile.app.record.create.show','mobile.app.record.edit.show'], (event) =&gt; {
    $('.subtable-row-buttons-gaia').click(() =&gt; {
      //window.alert('レコード追加イベントが呼び出されました');
      var record = event.record;
      var subtable = record['テーブル'].value + 1;
      
      setTimeout(function(){
        for (var i = 0; i &lt; subtable.length; i++) {
          var elm = document.getElementsByClassName('forms-label-gaia expression-field-gaia');
          elm[i].textContent = '*';
        }
      },1000);
    });
    //window.alert('レコード追加イベントが呼び出されました');
  });
})(jQuery);
</pre>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>