Question

我在Ext弹出窗口中创建了一个iframe。

var htmlContent = '<iframe src="' + currentURL + '" width="100%" height="100%" frameborder="0"></iframe>',
    win = new Ext.Window({
        title: 'Information',
        height:600,
        width: 700,
        html: htmlContent,
        closable: true,
        closeAction: 'hide',
        style: 'windowstyle1',
        cls: 'windowstyle1',
    });

    win.show();

当前网址是asp.net aspx页面。在asp.net页面内，我有asp:DropDown列表。

<asp:DropDownList ID="ddl_ChkType" runat="server" CssClass="select" >
                                <asp:ListItem Text="drop1" Value="P"></asp:ListItem>
                                <asp:ListItem Text="drop2" Value="C"></asp:ListItem>
                            </asp:DropDownList>

我必须更改类似于Ext Js Combo框的asp:dropdown列表的外观。所以在aspx页面中我添加了下面的代码来将下拉列表转换为ext组合框，但它没有工作。

Ext.onReady(function(){
            alert("hi");
            var transformed = Ext.create('Ext.form.field.ComboBox', {
                fieldLabel: 'Select a single state',
                typeAhead: true,
                transform: 'stateSelect',//don't know wht to specify here.
                width: 135,
                forceSelection: true
            });
 });

只有提醒hi正在运行，没有别的。任何人都可以帮我这个吗？我还尝试使用css修改相同类，但它不起作用。

Answer 1

您正在创建实例，它位于对象树中的某个位置。但是你希望它被渲染到DOM树中。因此，您必须向组件提供渲染目标，例如

renderTo:Ext.getBody()

或者，如果你想要它<div id="test"></div>，

renderTo:Ext.get("test")

使用示例：

var transformed = Ext.create('Ext.form.field.ComboBox', {
    renderTo:Ext.getBody()

Ext Js下载iframe asp.net页面中的组合框

1 个答案: