DBはサーバーサイドなのでPHPで呼び出して、js側で受け取ることになるかと思いますが、
それをどうdata:[]の中に入れて、動的生成&CRUD処理させるのか全く見当がつきません。
※別途質問させていただいていますが、data:[]内でForが使えないため
配列データが展開できないといった状態です。
ヒントだけでも構いませんので
解決につながるような情報を教えていただけますと幸いです。
<script>
var conf = {
options:{
},
subgrid:{
options:{
fitColumns:true,
foreignField:'companyid',
columns:[[
{field:'test_column1',title:'Column1',width:200, editor: 'text'},
{field:'test_column2',title:'Column2',width:200, editor: 'text'},
{field:'test_column3',title:'Column3',width:200, editor: 'text'},
{field:'test_column4',title:'Column4',width:200, editor: 'text'},
{field:'test_column5',title:'Column5',width:200, editor: 'text'},
{field:'test_column6',title:'Column6',width:200, editor: 'text'}
]],
data:[
//ここに読み書き可能なMySQLのテーブルデータを表示
]
},
}
};
$(function(){
$('#dg').datagrid({
title:'DataGrid - Nested SubGrid'
}).datagrid('subgrid', conf);
});
</script>
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
>私のコードには反映できませんでした。
そうなんですね。
No4のリンク先の通りにやれば、
ちゃんと動くものにはなりそうなので、
質問者さんのコードのどこかに原因があるのかもしれません。
しかし、ちゃんと動くようにするためには、
・サブグリッドそれぞれに個別のidを付ける
・addRowやsaveRowなどをそれぞれのidに対して行う
・ajax通信でそれぞれのデータを取得、編集、削除
・上記のphp側も準備する
みたいなことをやっていかないといけないので、
結構大変だと思います。
もしそれらが難しいようであれば、
ウェブデザインをやってくれるところに
委託した方が良いかもしれません。
No.4
- 回答日時:
ありがとうございます。
実はこのページも見つけて試しましたがダメでした。
ddv.edatagridを使えばよいのは分かるのですが
私のコードには反映できませんでした。
No.3
- 回答日時:
ありがとうございます。
私もそれは見ましたが、今回の質問内容はDataGridではなく
全文JSによって動的生成されるSubGridの読み書きですので
HTMLが存在しないため、あまり参考になりませんでした。
No.2
- 回答日時:
No1です。
EasyUIは知らないのですけれど・・・
>オブジェクトリテラルをData:[]に入れただけでは、
>ただ表示させているだけなのでCRUD処理ができないのです。
それはEasyUIの使い方の問題あって、ここでご質問のdata属性の設定の話ではないと思いますけれど?
ドキュメントをざっと見てみましたが・・・
data属性の設定に関しては、オブジェクトの配列で良いように見えます。
リテラル表記で問題があるとは思えません。
(結果的に同じことなので)
https://www.jeasyui.com/documentation/index.php
ただし、No1でもお断りしたように、php側が別の構造で内容を保持しているのなら、当然のことですが、要求されている構造に変換しておく必要があります。
※ 別のご質問にも似た内容がありますけれど、スクリプトはphpが出力後ブラウザ側で解釈されるので、直接リテラル表記で渡すのも、HTML上にテーブルで展開したものを再度読み込ませて設定しようとも、設定に関しては同じです。
※ ただし、これはデータの設定に関する話であって、その後、EasyUIがDOMを自動生成してくれるのかなどの処理内容に関しては知りませんけれど・・
No.1
- 回答日時:
こんにちは
PHPからソースを出力しているのなら
data: [ ・・・ ];
の、・・・部分に直接、テキストで値を書き出せば済むことでは?
当然のことですが、形式は data属性に求められている形式であることが必要です。
(カンマ区切りやオブジェクトリテラル等も含めてテキスト化して出力してください)
もしも、php側でも同様の形式で値を保持しているのなら、json_encode() でそのまま出力できそうな気もしますけれど・・
早速ご返信くださり、ありがとうございます。
それがEasyUIではそう簡単にはいかず、オブジェクトリテラルをData:[]に入れただけでは、ただ表示させているだけなのでCRUD処理ができないのです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- その他(プログラミング・Web制作) pythonのグローバル変数 2 2022/11/25 18:02
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- その他(パソコン・スマホ・電化製品) pthonのframeに演算結果(数値)を表示したい 1 2023/06/05 22:08
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
JavaScript でキーを送る
-
getElementsByNameで要素が取得...
-
キーを押している間の時間を計...
-
function の return 値を表示し...
-
JavaScriptでのEnterキーとAlt+...
-
マウスオーバーで文字にアンダ...
-
ボタンを押してテキストエリア...
-
JavaScriptでiframeの内容を「...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
SQLのWHEREで全てを質問する方法
-
テーブル内の数値を自動で計算...
-
javascriptとApacheの設定
-
テキストをクリックすると答え...
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
-
Jquery.PHPファイルのechoが表...
-
onbeforeunload時のwindow.open...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
getElementsByNameで要素が取得...
-
SCRIPT5007: 未定義または NULL...
-
初心者javascript ウィンドウサ...
-
function の return 値を表示し...
-
JavaScriptでiframeの内容を「...
-
JavaScript でキーを送る
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
html javascript 作った配列を...
-
ボタンのID名を取得するには?
-
キーを押している間の時間を計...
-
自動ジャンプでフォームデータ...
-
bodyタグのfocus
-
リンク移動先のURLを取得
-
チェックボックスの選択パター...
-
JavaScriptでの西暦下2桁での表...
-
htaでVBSのソースを書いたらエ...
-
乱数を一定時間毎に表示させた...
-
「オブジェクトを指定してくだ...
-
jQuery ツールチップの中のリンク
おすすめ情報