小编wee*_*dev的帖子

我正在使用Ionic Framework开发一个应用程序,并希望在一个<ion-view>.中包含一个ace编辑器组件.

问题:

当我在ace编辑器中单击时,我可以看到它选择该行,但光标不显示.

您可以在此codepen中看到问题(不是我的codepen,但存在相同的问题)

我所面临的问题似乎是,王牌编辑不断失去焦点,但我似乎无法弄清楚什么可能会偷走焦点.我认为这是问题,因为在chrome的元素面板中我可以看到以下类被分配给div.

ace_layer ace_cursor-layer ace_hidden-cursors

有趣的是,如果我按住鼠标再点击一下,它将获得焦点并显示光标.短按鼠标不起作用.

我的编辑器html模板:

<ion-view view-title="Editor">
  <ion-content>
    <div>
      <pre id="ace-editor">this is a test</pre>
    </div>  
  </ion-content>
</ion-view>

我的角度controller在哪里设置ace editor:

.controller('EditorCtrl', function ($scope, $stateParams) {
  var init = function () {
    editor = ace.edit('ace-editor');
    editor.setTheme('ace/theme/monokai');
    editor.setOption("dragEnabled", false);
    editor.removeAllListeners("mousedown");
    editor.getSession().setMode("ace/mode/javascript");    
  };

  init();
});

我尝试删除mousedownace编辑器上的所有事件,看看它是否与之相关,但它没有修复.

我也尝试sidemenu drag从离子侧菜单中删除,但这也没有解决.

我有一个ajax请求,动态生成带有单选按钮的模态窗口.

我在materialize文档中看到你可以执行material_select()以便selects正常工作,但我没有在文档中看到如何radio动态初始化.

如何初始化动态加载的单选按钮？

这里参考的是我动态加载的示例模态:

<div id="import-modal" class="modal modal-fixed-footer">
    <div class="modal-content">
        <h4>Import Data</h4>
        <p>
            <input name="import-group" type="radio" id="import-modal-csv"/>
            <label for="import-modal-csv">Csv</label>
            <div>Import a csv file.</div>
        <p/>
        <p>
            <input name="import-group" type="radio" id="import-modal-excel"/>
            <label for="import-modal-excel">Excel</label>
            <div>Import a excel file.</div>
        </p>
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Import</a>
    </div>
</div>

编辑1

我正在动态地将上面的div添加jquery到click按钮的父容器中:

        import_click: function(){
            $.ajax({
                url: 'template/import.html',
                success: function (response) {
                    $('#container').append(response);
                }
            });
        }

我使用EXTERNAL TABLE从文本文件批量加载数据到Netezza,并在将数据加载到外部表后我更新了同一个外部表中的那些列,因为你无法更新外部表我必须从外部表中分配所有数据到一个临时表,我能够做更新,而有没有其他方法,我可以直接将文本文件数据批量加载到表而不是Netezza中的外部表？

我已经按照前面的示例创建了一个带有"多个"列的组合框,但是当我选择一个项目时,它没有做出选择.如何使用tpl启用项目选择？

{
    xtype: 'combobox',
    tpl: '<tpl for="."><div class="x-combo-list-item" >{ntID} {PictureURL}</div></tpl>',
    editable: true,
    //autoSelect: true,
    triggerAction: 'all',
    store: 'userInfos',
    displayField: 'ntID',
    valueField: 'ntID',
    fieldLabel: 'Username',
    itemId: 'username'
},