如何在FineUI中动态添加textbox

<f:TabStrip ID="TabStrip1" Width="850px" Height="350px" ShowBorder="true" TabPosition="Top" EnableFrame="true" EnableTabCloseMenu="false" EnableTitleBackgroundColor="true" ActiveTabIndex="0" runat="server">

<Tabs>

<f:Tab ID="TabChoice" title="选择题" BodyPadding="5px" Layout="Fit"

runat="server">

<Items>

<f:SimpleForm ID="SFChoice" ShowBorder="false"

ShowHeader="false" title="SFChoice" LabelWidth="120px" runat="server">

<Items>

<f:TextBox ID="tbxQuestion" runat="server" Label="题目" Text="" Required="true"></f:TextBox>

<f:TextBox ID="tbxItemA" Label="选项A" runat="server" Required="True" ShowRedStar="true">

</f:TextBox>

<f:TextBox ID="tbxItemB" Label="选项B" runat="server" Required="True" ShowRedStar="true">

</f:TextBox>

<f:TextBox ID="tbxItemC" Label="选项C" runat="server" Required="True" ShowRedStar="true">

</f:TextBox>

<f:TextBox ID="tbxItemD" Label="选项D" runat="server" Required="True" ShowRedStar="true">

</f:TextBox>

<f:Button ID="btAddChoiceItem" runat="server" OnClick="BtAddChoiceItem_Click" Text="点击添加新选项"></f:Button>

<f:Button ID="btAddChoice" Text="确定添加该题" OnClick="BtAddChoice_Click" runat="server">

</f:Button>

</Items>

</f:SimpleForm>

</Items>

</f:Tab>

</Tabs>

</f:TabStrip>

由于grid控件动态创建列只能在page_init事件里，不能直接用ajax方式，所以页面不刷新的话效果是出不来的。

（为什么一定要在page_init创建列，具体请看官网： http://pro.fineui.com/#/grid/grid_dynamic_columns.aspx ）

如果想实现button点击事件，动态创建grid列的效果(也就是ajax效果)，可以使用iframe的方式(如果是老司机就知道iframe可以实现类似的ajax效果折中方案)。

在fineuiPro 里有哪些控件能支持iframe？panel ，tab等容器控件，具体可以查询控件的api。总的来说，就是利用button点击事件刷新iframe的url，iframe子页刷新显示grid控件。

---