Question

我正在尝试使用我的输入过滤我的列表，但是不能正常工作，我不知道为什么。关键是当有人编写示例Confections时，单击该按钮会触发一个函数，并使用输入值过滤我的列表我写的代码就是：

dna[i] == "L"

我的控制器是：

    <App>
        <pages>
            <Page>
                        <tnt:ToolHeader>
                            <Button icon="sap-icon://home" />
                            <Image src="{i18n>logo}"
                                    densityAware="false"
                                    width="{i18n>sizeImg}" />
                            <ToolbarSpacer />
                            <Text text="" wrapping="false">
                                <layoutData>
                                    <OverflowToolbarLayoutData priority="Disappear" />
                                </layoutData>
                            </Text>
                            <ToolbarSpacer />
                            <Button icon="sap-icon://synchronize" />
                            <Button icon="sap-icon://action-settings" />
                        </tnt:ToolHeader>

                    <Toolbar>
                        <Button icon="sap-icon://nav-back" />
                        <Title level="H3" text="Gestion de Clientes" />
                        <ToolbarSpacer />
                    </Toolbar>

                    <SplitContainer id="SplitContDemo" initialDetail="detail" initialMaster="master">
                    <detailPages>
                        <Page id="detail" title="Detalles de la busqueda" class="sapUiStdPage">
                            <content>
                                <Text text="" id="valor"/>
                                <List
                                    id="results"
                                    width="auto"
                                    items="{
                                        path : 'invoice>/Categories',
                                        sorter : {
                                            path : 'CategoryName'
                                        }
                                    }">
                                    <items>
                                        <ObjectListItem
                                            title="{invoice>CategoryName}">
                                            <firstStatus>
                                                <ObjectStatus text="{invoice>Description}"/>
                                            </firstStatus>
                                        </ObjectListItem>
                                    </items>    
                                </List>
                            </content>
                        </Page>
                    </detailPages>



                    <masterPages>
                        <Page id="master" icon="sap-icon://action" class="sapUiStdPage">
                            <content>
                                <f:SimpleForm id="SimpleFormChange354"
                                    editable="true"
                                    layout="ResponsiveGridLayout"
                                    labelSpanXL="3"
                                    labelSpanL="3"
                                    labelSpanM="3"
                                    labelSpanS="12"
                                    adjustLabelSpan="false"
                                    emptySpanXL="4"
                                    emptySpanL="4"
                                    emptySpanM="4"
                                    emptySpanS="0"
                                    columnsXL="1"
                                    columnsL="1"
                                    columnsM="1"
                                    singleContainerFullSize="false" >
                                    <f:content>
                                        <Label text="Categoría" />
                                        <Input id="cat" value="" tooltip="Ejemplo: 11111 , 22222 , A4333"/>
                                        <Toolbar>
                                        <ToolbarSpacer/>
                                            <Button icon="sap-icon://search" type="Default" press="onSearch"/>
                                        </Toolbar>
                                    </f:content>
                                </f:SimpleForm>
                            </content>
                        </Page>
                    </masterPages>
                </SplitContainer>
            </Page>
        </pages>
    </App>

Answer 1

而不是做

var sQuery = oEvent.getParameter("query");

你需要做类似

的事情

var sQuery = this.byId('cat').getValue();

原因是你想要输入输入框中的任何内容，oEvent在这种情况下只是点击按钮的动作，所以你没有一个叫做查询的参数。

如果您不想使用按钮，可以在输入上设置提交事件，然后使用此代码访问该值。

<Input id="cat" value="" tooltip="Ejemplo: 11111 , 22222 , A4333" submit="onSearch"/>

var sQuery = oEvent.getParameter('value')

Answer 2

您输入字段没有查询属性。喜欢＆＃34; Naoto Amari＆＃34;建议你可以使用 getValue（）函数。

我建议使用＆＃34; SearchField＆＃34;控制。

SearchField控件具有查询属性
SearchField专为此目的而设计+还添加了＆＃34; liveChange 等功能＆＃34;

您只需将输入更改为SearchField即可。

<SearchField search="onSearch" width="100%" />

见工作example

过滤列表SAPUI5

2 个答案: