画像ファイルを多数連続アップロードする必要あるので、使ってみました。
本家ホーム: https://www.dropzonejs.com/
Semakin di depan
画像ファイルを多数連続アップロードする必要あるので、使ってみました。
本家ホーム: https://www.dropzonejs.com/
Formからのバイナリファイルのアップロードが、サーバー側で Part が取得出来ない不思議なことになってしまい、Base64形式でアップロード することにし、クライアント側で使ってみました。
ここにあります。 https://www.jqueryscript.net/text/Lightweight-jQuery-Based-File-Base64-Converter-base64-js.html
< 画面例 >
1) ナビゲーションボタンにコピーボタンを配置
2) クリックすると全選択 => 選択内容がクリップボードにコピーされる
< コード例 >
1) 呼び出し元
// クリップボードコピー //
clipCopyButtonJSfunc($("#addrlist"), $("#addrlistpager"), "");
2) コピーボタン追加
**
* jqGrid table contents copy to clipboard
* @returns {undefined}
*/
function clipCopyButtonJSfunc(objtable, objpager, idcmpltdmsg) {
// ==== Clipboard copy ==== //
$(objtable).jqGrid('navButtonAdd', objpager,
{
caption: 'Copy',
//id: "copygmapdest",
title: "Copy table contents",
onClickButton: function () {
//alert($(this).attr("id"));
selectDomElm(this);
// 選択しているテキストをクリップボードにコピーする
document.execCommand("Copy");
// 選択の解除 //
//window.getSelection().removeAllRanges();
},
}
);
}
3) 指定DOMエレメント選択
// 指定DOMエレメント選択 //
function selectDomElm(obj) {
// Rangeオブジェクトの取得
var range = document.createRange();
// 範囲の指定
range.selectNodeContents(obj);
// Selectionオブジェクトを返す。ユーザが選択した範囲が格納されている
var selection = window.getSelection();
// 選択をすべてクリア
selection.removeAllRanges();
// 新規の範囲を選択に指定
selection.addRange(range);
}
ここで教えていただきました : https://9-bb.com/javascript-3/
jqGrid の最近のアップデートのドキュメントを見ていたら、ありましたので、早速実装してみました。
前は、loadComplete でグリッドデータをループして、クラスをセットしていたので、すっきりわかりやすくなりました。
isHasSubGrid: で出来ます。
// ######### サブグリッド ######### //
subGrid: true,
isHasSubGrid: function (rowid) { // <=== New from 5.3
// if custommerid begin with B, do not use subgrid
var cell = $(this).jqGrid('getCell', rowid, "cnt_img");
//console.log(cell, rowid);
if (cell && cell == 0) { // <=== === は使えない
return false;
}
return true;
},
subGridOptions: {
// configure the icons from theme rolloer
plusicon: "ui-icon-triangle-1-e",
minusicon: "ui-icon-triangle-1-s",
openicon: "ui-icon-arrowreturn-1-e"
},
subGridRowExpanded: showChildGrid, // <=== 展開した時の処理
// ######### サブグリッド ######### //
昔、公式ページから定期的ダウンロードしてました。
また必要になり、調べてると、Zipで提供して下さってるサイトを見つけ、早速、ダウンロードしてみました。
半角カタカナが読みにくいので、ひらがなに変換するUDFを作ってみました。
濁音、半濁音は2文字になります。
パ => は°
バ => は″
ので、下に置いた変換関数をかますと正しく変換されます。
CREATE DEFINER=`root`@`localhost` FUNCTION `fc_hankana2hira`( `hankana` VARCHAR(200) ) RETURNS varchar(200) CHARSET utf8 LANGUAGE SQL NOT DETERMINISTIC CONTAINS SQL SQL SECURITY DEFINER COMMENT '' BEGIN DECLARE RESTXT VARCHAR(200) DEFAULT ''; DECLARE CFG_HANKANA VARCHAR(100) DEFAULT ''; DECLARE CFG_HIRA VARCHAR(100) DEFAULT ''; DECLARE LEN_HANKANA SMALLINT DEFAULT 0; DECLARE POS SMALLINT; DECLARE CUR_HANKANA CHAR(1); DECLARE CUR_CFGPOS SMALLINT; DECLARE CUR_HIRA CHAR(1); SET CFG_HANKANA = 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンァィゥェォャュョッ゙゚(). -_[]1234567890'; SET CFG_HIRA = CONCAT( 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろ', 'わをんぁぃうぇぉゃゅょっ″°(). -_[]1234567890' ); SET LEN_HANKANA = CHAR_LENGTH(hankana); SET POS = 1; WHILE POS <= LEN_HANKANA DO SET CUR_HANKANA = MID(hankana, POS, 1); SET CUR_CFGPOS = LOCATE(CUR_HANKANA, CFG_HANKANA); SET CUR_HIRA = MID(CFG_HIRA, CUR_CFGPOS, 1); SET RESTXT = CONCAT(RESTXT, CUR_HIRA); SET POS = POS + 1; END WHILE; RETURN fc_hankanazen_dakuon_modify(RESTXT); END
CREATE DEFINER=`root`@`localhost` FUNCTION `fc_hankanazen_dakuon_modify`( `hiraorg` VARCHAR(200) ) RETURNS varchar(200) CHARSET utf8 LANGUAGE SQL NOT DETERMINISTIC CONTAINS SQL SQL SECURITY DEFINER COMMENT '半角カナから全角ひらがな変換した後の濁音半濁音補正' BEGIN DECLARE RESTXT VARCHAR(200) DEFAULT ''; SET RESTXT = REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( hiraorg, 'か″', 'が'), 'き″', 'ぎ'), 'く″', 'ぐ'), 'け″', 'げ'), 'こ″', 'ご'), 'さ″', 'ざ'), 'し″', 'じ'), 'す″', 'ず'), 'せ″', 'ぜ'), 'そ″', 'ぞ' ); SET RESTXT = REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( RESTXT, 'た″', 'だ'), 'ち″', 'ぢ'), 'つ″', 'づ'), 'て″', 'で'), 'と″', 'ど'), 'は″', 'ば'), 'ひ″', 'び'), 'ふ″', 'ぶ'), 'へ″', 'べ'), 'ほ″', 'ぼ' ); SET RESTXT = REPLACE( REPLACE( REPLACE( REPLACE( REPLACE( RESTXT, 'は°', 'ぱ'), 'ひ°', 'ぴ'), 'ふ°', 'ぷ'), 'へ°', 'ぺ'), 'ほ°', 'ぽ' ); RETURN RESTXT; END
|
|
コメントを投稿するにはログインしてください。