10、数据搜索与展示应用开发指南-优快云博客

本文链接：https://blog.youkuaiyun.com/uran/article/details/155546562

数据搜索与展示应用开发指南

1. 界面搭建基础

在开发数据搜索与展示应用时，首先要搭建合适的界面结构。当满足特定条件后，需要从数据库返回匹配的数据列表。为了实现这一功能，我们要创建一个垂直面板来容纳返回的数据，并将其插入内容网格中。以下是具体的代码实现：

var searchPanel = app.createVerticalPanel(); 
app.getElementById('contentGrid').setWidget(0,0, searchPanel); 
var searchHeader = app.createFlexTable().setCellPadding(5);
searchPanel.add(searchHeader); 
applyCSS_(searchHeader, _headerGrid);

这里创建了一个垂直面板 searchPanel ，并将其放置在内容网格的指定位置。同时，创建了一个 Flex 表格 searchHeader 用于显示表头，并为其设置了单元格内边距。还应用了 CSS 样式，使表头具有一致性。

接着，为了存储搜索结果数据，我们再创建一个 Flex 表格：

var searchTable = app.createFlexTable().setId('searchTable');
searchPanel.add(searchTable);