首先上一张图，来展示一下我的查询条件的布局，如下：

大多数时候，我们的查询条件都是一个条件占一个格子，但也有不同的时候，如：查询条件是起始日期，则需要将这两个条件放在同一个格子中，那么怎样布局才能让它们均匀的填充在同一个格子中呢？

实现方式如下：

<ext:CompositeField ID="CompositeField2" runat="server" FieldLabel="时间">

    <Items>

        <ext:DateField ID="date_start" Vtype="daterange" runat="server" Flex="1">

            <Listeners>

                <Render Handler="this.endDateField = '#{date_end}'" />

            </Listeners>

        </ext:DateField>

        <ext:Label ID="Label2" runat="server" Text="~">

        </ext:Label>

        <ext:DateField ID="date_end" Vtype="daterange" runat="server" Flex="1">

            <Listeners>

                <Render Handler="this.startDateField = '#{date_start}'" />

            </Listeners>

        </ext:DateField>

    </Items>

</ext:CompositeField>