同ext框架中使用问题，

主题: 同ext框架中使用问题，

作者: cqhydz, 发布日期: 2009-11-16 20:18:05, 浏览数: 7387

我试着想将kindsoft放到extjs这个框架中替换fck，我使用FCK使用方法发现程序没有任何变化，不知哪位整合过，
我写了个例子，库用都是网上库，可直接运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>程序</title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />

</head>
<body>

    <script type="text/javascript" src="http://www.extjs.com/deploy/dev/adapter/ext/ext-base.js" ></script>
    <script type="text/javascript" src="http://www.extjs.com/deploy/dev/ext-all.js" ></script>
    <script type="text/javascript" src="http://www.kindsoft.net/kindeditor/kindeditor.js" ></script>

<script type="text/javascript">

         Ext.onReady( function (){

                            addForm = Ext.extend(Ext.form.FormPanel , {

                                constructor:function(){


                                addForm.superclass.constructor.call(this , {
                                        renderTo : document.body,
                                            items:[{
                                                    xtype:'fieldset',
                                                    id:'panelmain'    ,
                                                    labelWidth:20,
                                                    autoHeight:true,
                                                    title:"test",
                                                        items:[{
                                                            xtype:'panel',
                                                            anchor:'100%',
                                                            layout:'form',
                                                            items:[{
                                                                   xtype:'textarea',
                                                                   id : 'code1',
                                                                   fieldLabel : '请输入信息'
                                                                   ,width:500
                                                                   ,height:200

                                                            }]

                                                        }]
                                                }]
                                                ,listeners:{
                                                   "render":function(){
                                                        KE.show({
                                                        id:'code1'
                                                        });

                                                   }
                                                }
                                    }) ;


                                }
                            });

                        new addForm() ;

        });

      </script>

</body>
</html>

作者: Roddy, 发布日期: 2009-11-16 21:07:03

你看kindeditor.js源代码就知道，KE.show不是调用时马上创建编辑器，而是先执行KE.init，DOM加载完成后执行KE.create。用下面代码替换KE.show试试看看。

KE.init('code1');
KE.create('code1');

作者: cqhydz, 发布日期: 2009-11-16 21:13:53

刚也发现了，需要用 KE.create( 'code1');来创建，而且还需要用setTimeout来延时让它生成成功。

论坛 Forum