为uniDBGrid设置文字操作栏

为uniDBGrid设置文字操作栏,如下图的效果,用户点击审核,执行审核代码,点退回,执行退回代码:

为uniDBGrid设置文字操作栏_第1张图片

 

对于Web应用界面,这是最常见的方式,那对于我等Delphi开发者来说,基于uniGUI该怎么实现呢?


 1]首先,为uniDBGrid准备“操作”这一栏的显示内容,具体说,在数据集中准备好显示的数据。

我是为数据集加了一列,叫operation。

为uniDBGrid设置文字操作栏_第2张图片

2]然后在operation的TField.OnGetText中返回显示的数据:

 

为uniDBGrid设置文字操作栏_第3张图片对应的Delphi代码: 

procedure TMainForm.FDQuery1operationGetText(Sender: TField; var Text: string;
  DisplayText: Boolean);
begin
//Text:='审核退回';
  inherited;
  Text:= ' |' +
  • 1.
border-radius:2px;border: none;background:#cfa14c;" onclick="ajaxRequest('+UniDBGrid1.JSName+',' +
         QuotedStr('unaudit')+',[''id='+Sender.DataSet.FieldByName('id').AsString+''']);">'+'  退回      '
+''+'添加 |'
        + ''+'测试'
         ;
end;
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.

 

为uniDBGrid设置文字操作栏_第4张图片

 

明白上面的原理,可以直接看下面的实际代码了:

 

为uniDBGrid设置文字操作栏_第5张图片

把记录的id传过来了 

登录后复制 

procedure TMainForm.UniDBGrid1AjaxEvent(Sender: TComponent; EventName: string;
  Params: TUniStrings);
var
  id: string;
begin
  inherited;
  if EventName = 'audit' then
  begin
    id := Params['id'].AsString;
    //执行审核操作的代码,这里省了...
    showmessageN(id);
  end;
  if EventName = 'unaudit' then
  begin
    id := Params['id'].AsString;
    //执行退回操作的代码,这里省了
  end;

  if EventName = 'Add1' then
  begin
    //执行 添加  操作的代码,这里省了
    showmessageN(Params['id'].AsString+'asdf');
  end;

end;

你可能感兴趣的:(UniGui,学习)