Add a Dynamic Table Using a Data View

[brad]

I am trying to recreate the table filtering in this tutorial …

Using the New Visual Expression Builder

Intro The new Expression Builder in Wappler offers a great visual way to create complex expressions for filtering data, conditionals, class toggles and dynamic attributes. Filtering Views You can easily build complex expressions for filtering views such as Data View or PuchDB View components. We have a page containing a Data View, that displays data in a dynamic table: [Screenshot_1] We’d like to be able to filter the data using a text input: [Screenshot_3] Click the Expressions Builde…

I have created my data view but can’t seem to get any records to populate the table. IS there documentation somewhere on using Data Views? I miss the old documentation.

<dmx-data-view id="data_viewWorkshops" sorton="ws_date" sortdir="desc" pagesize="10" dmx-bind:data="workshops.data.query" filter="ws_office.contains(textOfficeSearch.value, true)"></dmx-data-view>
                <div class="d-flex justify-content-end">
                    <div class="d-block w-50">
                        <input id="textOfficeSearch" name="textOfficeSearch" type="text" class="form-control form-control-sm mb-3" placeholder="Office Search">
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped table-hover table-sm">
                        <thead>
                            <tr>
                                <th>Workshop</th>
                                <th>Date</th>
                                <th>Time</th>
                                <th class="text-end">Office</th>
                            </tr>
                        </thead>
                        <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="data_viewWorkshops.data" id="tableRepeat1">
                            <tr>
                                <td dmx-text="ws_name"></td>
                                <td dmx-text="ws_date"></td>
                                <td dmx-text="ws_time"></td>
                                <td dmx-text="ws_office" class="text-end"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>

I would like to learn more about Data Views but why do we need them when the same thing can be created with a simple query?

[brad]

Ok, since I can’t get data views to work and I have read the difference in this five year old thread, I think I will stick to server side processing through the query. Data Views don’t seem worth the hassle.

But I’d still like to know why my data view returns no results.

Data Views: When and Why?

Trying to wrap my head around something. When and why would you use ‘Data Views’? Anyone have any good examples?

[brad]

Well, I feel stupid … turns out the js file wasn’t uploaded to the target. All works as it should.