IntraWebによるWebアプリケーション作成(3)

 

画像を設定する
条件指定項目を作成する
[検索]ボタンで商品一覧画面を呼び出す
商品一覧画面を作成する
商品分類から一覧画面呼び出す
おすすめ商品をファイルから設定する
お知らせをファイルから設定する
HTMLタグを埋め込む
実行形式を変更する
商品一覧画面を作成する 4/6
4/6

formDtlのOnCreateイベントで次のように記述します。

SQL文でデータを抽出します。
SHOHINファイルの「KBN」は商品分類コードで、【条件指定項目を作成する】で指定した商品分類のItemIndexに対応するコードを持ちます。「NAME」は商品名です。
IntToStr関数を使用する場合、uses節に「SysUtils」を追加します。

商品画像をIWGridの中に挿入するためには、HTMLの<img>タグを利用します。
ここでは商品画像のファイル名は[商品コード+'.jpg']で、画像ファイルはc:\imgフォルダにあります。商品コードが「123456」の場合、「<img src="C://img/123456.jpg" width="50" height="50">」のタグが挿入されます。
このタグが挿入されることで実行時に画像が表示されます。



procedure
TformDtl.IWAppFormCreate(Sender: TObject); var i : integer; begin i := 0; with Query1 do begin //SQL文設定 Active := False; SQL.Clear; SQL.Add('SELECT * FROM SHOHIN'); SQL.Add('WHERE NAME LIKE :pNAME'); if UserSession.SRC_BUNRUI <> 0 then //「すべての商品」以外 begin SQL.Add('AND KBN = :pKBN'); ParamByName('pKBN').AsString := IntToStr(UserSession.SRC_BUNRUI); end; ParamByName('pNAME').AsString := '%' + UserSession.SRC_WORD + '%'; Active := True; First; //IWGridを設定 while not eof do begin IWGrid1.RowCount := i + 1; //商品コード IWGrid1.Cell[i,0].Text := FieldByName('CODE').AsString; //商品名 IWGrid1.Cell[i,1].Text := FieldByName('NAME').AsString; //商品画像(画像ファイル名:「商品コード.jpg」) IWGrid1.Cell[i,2].Text := '<img src="C://img/' + FieldByName('CODE').AsString + '.jpg" width="50" height="50">'; IWGrid1.Cell[i,2].Width := '55'; IWGrid1.Cell[i,2].Height:= '55'; IWGrid1.Cell[i,2].Alignment:= taCenter; //中央揃え Next; i := i + 1; end; Active := False; end; end;

4/6