1

是否可以仅重新加载 ATK4 Grid 的一行？

例如，在 CRUD 中的大多数情况下，在 Form 中进行更改后，您只需要重新加载一个网格行而不是所有 Grid 对象。

编辑：

很抱歉没有明确表示我对 ATK4（敏捷工具包）框架专用的这个功能感兴趣。我在这个问题中添加了 atk4 标签，但在主题和问题正文中没有提到“ATK4”。对此感到抱歉。

我或多或少知道如何使用 jQuery 以标准方式做到这一点，但我很感兴趣，也许有一些方法可以在 ATK4 框架中更轻松地做到这一点。像 $grid->row(ID)->reload() 或类似的东西。

4

3 回答 3

1

Agile Toolkit 不为此提供开箱即用的功能。它曾经是 ui.atk4_grid.js 的一部分，仍然可以找到它将自定义请求发送到 Grid 视图，但是表格并不总是能很好地处理这个问题，有时您还需要重新加载多行.

您拥有为此构建附加组件的所有工具。您需要调用 grid::formatRow() 一次并返回 HTML，然后使用 JS 将其插入到网格中。

下面是旧的（删除）方法：

function getRowContent($id,$datatype='jquery'){

    // if DB source set
    if(isset($this->dq)){
        // *** Getting required record from DB ***
        $idfield=$this->dq->args['fields'][0];
        if($idfield=='*'||strpos($idfield,',')!==false)$idfield='id';
        $this->dq->where($idfield,$id);
        //we should switch off the limit or we won't get any value
        $this->dq->limit(1);
        #zak: This fix is if grid is not using the $this->api->db database but some else it hsould be depending only on $this->>
        $row_data=$this->dq->do_getHash(); //$this->api->db->getHash($this->dq->select());
    }
    // if static source set
    elseif(isset($this->data)){
        $found=false;
        foreach($this->data as $index=>$row){
            if($row['id']==$id){
                $row_data=$row;
                $found=true;
                break;
            }
        }
        // no data found, returning empty string
        if(!$found)return "";
    }
    else return "";
    // *** Initializing template ***
    $this->precacheTemplate(false);

    // *** Rendering row ***
    $this->current_row=$row_data;
    $this->formatRow();

    // *** Combining result string ***
    $func='formatRowContent_'.$datatype;
    return $this->$func($id);
}
protected function formatRowContent_html($id){
    $this->row_t->set($this->current_row);
    return $this->rowRender($this->current_row);
}
protected function formatRowContent_ajax($id){
    $result="";
    foreach($this->columns as $name=>$column){
        $result.=$this->current_row[$name]."<t>".$this->current_row[$name.'_original'].
            // appending styles as structured string
            "<t>".$this->getFieldStyle($name,$id).
            "<row_end>";
    }
    return $result;
}
protected function formatRowContent_jquery($id){
    $result=array();
    $i=1;
    foreach($this->columns as $name=>$column){
        $result[$i]['data']=array('actual'=>$this->current_row[$name],
            'original'=>$this->current_row[$name.'_original']);
        $result[$i]['params']=$this->tdparam[$this->getCurrentIndex()][$name];
        $i++;
    }
    $result=json_encode($result);
    return $result;
}

希望这会对您有所帮助。

于 2012-12-06T12:09:48.393 回答
1

在带有 js()->univ()->reloadRow($id) 的 atk4 中，它处理 jquery 客户端部分以刷新一行。现在网格（服务器部分）也需要在这个 reload_row 请求到达时输出一行而不是整个网格。这可以通过以下 Grid 扩展来完成（基于网格/内联的功能）：

Class TestGrid extends Grid {

  function init() {
    parent::init();
    if($row_id=$_GET[$this->name.'_reload_row']){
      $g=$this;
      $this->api->addHook('pre-render',function() use($g,$row_id){
        $g->precacheTemplate();
        foreach($g->getIterator() as $g->current_id=>$g->current_row){
          if($row_id == $g->current_id) {
            $g->formatRow();
            $result=$g->rowRender($g->row_t);
            if($g->api->jquery)$g->api->jquery->getJS($g);
            break;
          }
        }
        throw new \Exception_StopRender($result);
      });
    }
  }
}

为了在页面上使用 CRUD 进行测试（它也应该只与 Grid 一起使用）：

$g=$this->add('CRUD', array('grid_class' => 'TestGrid'));
$g->setModel('User');
if($g->grid) {
  $g->grid->addColumn('button', 'rerow');
  if($row_id = $_GET['rerow']){
    $g->grid->js()->univ()->reloadRow($row_id)->execute();
  }
}

这会产生一个带有额外按钮“Rerow”的 CRUD，单击该按钮将重新加载特定行。

于 2013-09-09T17:05:31.070 回答
0

当谈到 CRUD 时，您可能有一些包含数据行的概览。我猜想在单击Edit具体行后您可能会打开一个弹出窗口，其中包含一个允许用户更改该行数据的表单。当您要求刷新一个具体的行时，我也猜想您正在使用 AJAX 调用发送和存储数据。

好吧，在这里您可以利用onSuccessAJAX 部分的优势（使用 jQuery 时$.ajax）。提交数据后，您必须存储行 ID 以正确处理它。成功执行 AJAX 调用后，将调用onSuccess句柄，您应该在其中实现代码，该代码将使用先前存储的行 ID 寻址该行，并将单元格中的数据重置为当前已提交和存储的数据。

于 2012-12-05T13:57:18.480 回答