小编inc*_*nez的帖子

ExtJS:需要什么?

我一直试图找出Ext JS 4中的要求,我似乎无法得出一个合理的答案.假设我有以下代码:

app.js

Ext.Loader.setConfig({
  enabled: true
});

Ext.Loader.setPath('Ext.ux', 'examples/ux');

Ext.application({
  name: 'Test',
  appFolder: 'app',
  controllers: ['TheController'],
  requires: ['Test.Utils', 'Test.Utils2'],  // I don't think this does anything... couldn't find this option for Ext.application
  launch: function() {
    Ext.create('Ext.Viewport', {
      layout: 'border',
      items: [{
        xtype: 'thegrid',
        region: 'center',
        title: 'blah!'
      }]
    });
  }
});
Run Code Online (Sandbox Code Playgroud)

应用程序/控制器/ TheController.js

Ext.define('Test.controller.TheController', {
  extend: 'Ext.app.Controller',
  models: ['TheModel'],
  stores: ['TheStore'],
  views: ['TheGrid'],
  init: function() {
  }
});
Run Code Online (Sandbox Code Playgroud)

应用程序/视图/ TheGrid.js

Ext.define('Test.view.TheGrid', {
  extend: 'Ext.grid.Panel',
  alias: 'widget.thegrid',
  requires: ['Test.store.TheStore'],
  store: …
Run Code Online (Sandbox Code Playgroud)

javascript extjs extjs4 extjs-mvc extjs4.1

20
推荐指数
1
解决办法
1万
查看次数

将两个HTML文件合并为主HTML文件

假设我有以下HTML文件:

html1.html

<html>
  <head>
    <link href="blah.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div>this here be a div, y'all</div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html2.html

<html>
  <head>
    <script src="blah.js"></script>
  </head>
  <body>
    <span>this here be a span, y'all</span>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想获取这两个文件并制作一个如下所示的主文件:

<html>
  <head>
    <link href="blah.css" rel="stylesheet" type="text/css" />
    <script src="blah.js"></script>
  </head>
  <body>
    <div>this here be a div, y'all</div>
    <span>this here be a span, y'all</span>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这可以使用简单的Linux命令吗?我试图寻找加盟,但它看起来像一个共同的领域连接,而且我不一定要去拥有共同的领域......我只需要基本加区别,但也有主体结构依然完好(我想这可以称为左连接?).看起来cat不会起作用...因为通过附加一个文件然后下一个等合并.

如果没有简单的Linux命令,我的下一步是编写一个逐行比较两个脚本的脚本,或创建一个以某种方式引用这两个单独文件的主HTML文件.

html linux merge join

13
推荐指数
3
解决办法
3万
查看次数

JavaScript:获取窗口宽度减去滚动条宽度

好吧,我觉得这很简单,但事实并非如此.我想我只是在我的HTML/CSS中弄乱了一些东西,但是这里有.

我有一个像这样的基本页面:

HTML

<!DOCTYPE html>
<html>
  <head>
    <link href='test2.css' rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="test2.js"></script>
  </head>
  <body>
    <div id="scroll"></div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

test2.css

* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  width: 100%;
}

#scroll {
  height: 100%;
  width: 100%;
  overflow: scroll;
  background-color: black;
}
Run Code Online (Sandbox Code Playgroud)

test2.js

$(document).ready(function() {
  // my resolution is 1440x900
  alert('innerwidth should be 1425');
  // all of these return 1440
  alert('body innerwidth: ' + $('body').innerWidth());
  alert('document width: ' + $(document).width());
  alert('window width: ' …
Run Code Online (Sandbox Code Playgroud)

html javascript css scrollbar width

8
推荐指数
1
解决办法
2万
查看次数

Ext JS 4:过滤TreeStore

我最初发布这个在煎茶论坛,在这里却没有得到(比我自己的答案,我会很快发布其他)任何回应,所以我要在这里重新发布一下,看看是否我得到了帮助.

我一直在讨论如何在4.0.7中过滤TreeStore.我尝试过以下方法:

该模型

Ext.define('model', {
  extend: 'Ext.data.Model',
  fields: [
    {name: 'text', type: 'string'},
    {name: 'leaf', type: 'bool'},
    {name: 'expanded', type: 'bool'},
    {name: 'id', type: 'string'}
  ],
  hasMany: {model: 'model', name: 'children'}
});
Run Code Online (Sandbox Code Playgroud)

商店

Ext.define('myStore', {
  extend: 'Ext.data.TreeStore',
  model: 'model',
  storeId: 'treestore',
  root: {
    text: 'root',
    children: [{
      text: 'leaf1',
      id: 'leaf1',
      children: [{
        text: 'child1',
        id: 'child1',
        leaf: true
      },{
        text: 'child2',
        id: 'child2',
        leaf: true
      }]
    },{
      text: 'leaf2',
      id: 'leaf2',
      leaf: true
    }]
  },
  proxy: { …
Run Code Online (Sandbox Code Playgroud)

tree extjs store extjs4

6
推荐指数
1
解决办法
2万
查看次数

jQuery UI:可拖动滚动问题

我正在尝试使用jQuery UI构建可拖动/可拖放的文件夹文件视图,但是我遇到了一个问题,我认为这归因于该助手。这是我的代码:

HTML

<body>
  <div id="topContainer">
    <span>Parent Directory 1</span>
  </div>
  <span id="topFolder" class="folder">
    <div class="drop">
    </div>
  </span>
  <hr />
  <div id="container" class="container">
    <div class="dropzone">
      <span>Parent Directory 2</span>
    </div>
    <div id="cont1" class="container">
      <div class="dropzone">
        <span>Folder 1</span>
      </div>
      <span id="folder1" class="folder">
        <div class="drop">
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
          <div class="drag">&nbsp;</div>
        </div>
      </span>
    </div>
    <div id="cont2" class="container">
      <div class="dropzone">
        <span>Folder 2</span>
      </div>
      <span id="folder2" class="folder">
        <div …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui positioning mousewheel jquery-ui-draggable

5
推荐指数
1
解决办法
2万
查看次数

Angular JS:当对象引用另一个对象时,angular.copy会使浏览器崩溃

我有以下JavaScript/Angular代码:

var a = {};
var b = {};
a.ref = b;
b.ref = a;
angular.copy(a);
Run Code Online (Sandbox Code Playgroud)

angular.copy火灾,浏览器锁定.我假设这是因为复制功能正在进行深层复制,当它开始复制b的引用时,它进入b然后想要复制它的引用,从而创建一个圆形副本,这将永远不会结束.

这个假设是对的吗?如果是这样,有没有办法避免这种情况?我假设答案将涉及改变数据的外观,但我很想听到别人的想法.

deep-copy angularjs

5
推荐指数
1
解决办法
1654
查看次数

JavaScript:获取自身内部的函数名称

是的,我知道有很多关于这个问题的线程,对于初学者:

从函数本身获取函数名称[重复]

从内部获取函数名称

不推荐使用Arguments.callee - 应该使用什么?

但是给出答案的问题是arguments.callee已被弃用.所有答案都说只是给你的功能一个名字.但是,据我所知,这并不能解决我的问题.说我有以下功能:

function blah() {
  // arguments.callee.name is deprecated
  console.log('The function name is: ' + arguments.callee.name + '.');
}
Run Code Online (Sandbox Code Playgroud)

但是因为它被弃用了,我不应该使用它,所以我应该使用什么呢?有什么办法可以在函数本身内部访问函数名,或者我只是出于概率吗?

如果它使事情变得更容易,我使用的是Ext JS框架,但我还没有找到一种了解函数名称的方法.如果没有,是否有jQuery方法?我在这里绝望.

javascript jquery arguments extjs

5
推荐指数
1
解决办法
1461
查看次数

ExtJS 4:了解hasMany和belongsTo

我一直在努力了解如何使用hasMany和belongsTo很长一段时间.我的理解是hasMany是1:很多关系而且属于多个:1关系 - 除此之外:那么这意味着如果你有一个hasMany关系,在其子模型中需要belongsTo吗?我已经阅读了几篇文章:

虽然有点困惑.假设我有以下数据:

var data = {
  "config": {
    "name": "blah",
    "id": 1,
    "someconfig": [{
        "name": "Services", "tabs": [{
            "id": 0, "name": "Details", "layout": "hbox"
          }, {
            "id": 1, "name": "Sources", "layout": "hbox"
          }, {
            "id": 2, "name": "Paths", "layout": "hbox"
          }, {
            "id": 3, "name": "Ports", "layout": "hbox"
          }, {
            "id": 4, "name": "Levels", "layout": "hbox"
          }, {
            "id": …
Run Code Online (Sandbox Code Playgroud)

model has-many belongs-to extjs4 extjs4.2

5
推荐指数
1
解决办法
8393
查看次数

Node.js:http 请求在 1 分钟后超时

http.request我正在使用 Node.js(版本 0.10.28)为大量数据(来自 PostgreSQL 数据库的 21,000 行)创建 Ruby API 。问题是请求似乎超时并在 1 分钟后返回 404 错误。我知道这是真的,因为 Ruby API 返回 61 秒的请求,并且我计算了 Node 的请求花费的时间(结果为 60 秒和 404)。但是,如果我wget使用 jQuery,$.ajax超时时间为 4 分钟,我可以获得 21,000 行。很明显,它不可能是 404,因为还有其他获取数据的方式。

我也有点困惑,因为无论我看什么,http.request根据以下说法,直到 2 分钟后才应该超时:

Node.js 文档

GitHub 问题#1

GitHub 问题#2

我尝试了几种方法来使其正常工作,包括:设置express的中间件侦听套接字超时并恢复请求;并将超时设置为0,这样就不会超时。不幸的是,这些方法都不起作用,或者至少从我的理解来看是这样。

为了清楚起见,这是我的代码...设置该限制意味着仅返回 18,000 条记录,这似乎是 API 花费超过 60 秒的截止点:

var http = require('http');
var options = {
  path: '/api/records.json?limit=18000',
  method: 'GET',
  host: 'localhost',
  requestCert: true,
  rejectUnauthorized: false
};
var req = …
Run Code Online (Sandbox Code Playgroud)

javascript connection-timeout node.js express

5
推荐指数
1
解决办法
1万
查看次数

ExtJS 5:绑定到其他类属性,例如allowBlank

我对允许绑定哪些配置值和哪些不被绑定感到困惑。当前,不允许绑定allowBlank,因为我收到一条错误消息Ext.mixin.Bindable.applyBind(): Cannot bind allowBlank on Ext.form.field.ComboBox - missing a setAllowBlank method.,提示我如果使用配置,则不会收到该错误,但它不能按预期工作:

xtype: 'combobox',
anchor: '100%',
fieldLabel: 'Affiliation',
name: 'AffiliationId',
displayField: 'Abbreviation',
valueField: 'AffiliationId',
queryMode: 'local',
typeAhead: true,
config: {
  forceSelection: true,
  allowBlank: false
},
bind: {
  store: '{affiliationStore}',
  allowBlank: '{allowBlankAffiliation}',
  forceSelection: '{forceSelectionAffiliation}'
}
Run Code Online (Sandbox Code Playgroud)

我想知道的是,如何绑定allowBlank公式或其他任何属性?这是否可能,或者我完全不了解某些内容?如果是这样,我怎么知道我可以绑定什么和我不能绑定什么?

javascript data-binding extjs mvvm extjs5

4
推荐指数
1
解决办法
2946
查看次数