How to generate searchPhrase variable for Listpanel with Search

Software Support
1

Dear All,
I 'd like to learn OJS to make a website supporting informations , I know a little about PHP, JQuery, Vue, …
From guide on UI Library - Public Knowledge Project, I try a “Listpanel with Search”, but do not how to generate searchPhrase variable.

  • These are the steps I took:
  1. In file .inc.php (pages/dashboard/DashboardHandler.inc.php), I add some code:
    $myItems = Array(
    [“id” => 1, “title” => “number 1”, “subtitle” => “sub titt - number 1”, ],
    [“id” => 2, “title” => “number 2”, “subtitle” => “sub titt - number 2”],
    [“id” => 3, “title” => “number 3”, “subtitle” => “sub titt - number 3”]);

$templateMgr->assign(‘exampleData’, [
‘components’ => [
‘masthead’ => $mastheadForm->getConfig(),
‘myL_Items’ => $myItems,
],
]);
$templateMgr->setState([‘components’ => $lists, ‘searchPhrase’=> “”]);

  1. In file index.tpl, I use:
    image

    {assign var=“uuid2” value=“list-panel-”|uniqid|escape}

    List Panel with Search

  • Result: “List Panel with Search” only works when there is no [<template slot=“action” … ‘searchPhrase’… >]
    I am using OJS version 3.3.0-7
    Thanks a lot.
    Kind Regards
2

I faced the same problem.

In my case, I just changed the root component from “Container” to “Page” and the elements worked again.