小编Nar*_*hav的帖子

Extjs - 如何在Grid列中显示组合框

我有一个gridpanel包括日期和组合列jsfiddle

但我不想点击显示我的组合.我希望在没有点击的情况下显示我的组合,而不是隐藏在单元格中

在此输入图像描述

和日期栏一样

在此输入图像描述

我觉得好奇clicksToEdit: 0但失败了

plugins: [
    Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
    })
]
Run Code Online (Sandbox Code Playgroud)

怎么做,谢谢

grid combobox extjs extjs4.1

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

Angular 2:'ngFormModel',因为它不是已知的原生属性

我的错误是

 EXCEPTION: Error: Uncaught (in promise): Template parse errors:
Can't bind to 'ngFormModel' since it isn't a known native property ("
<h3 class = "head">MY PROFILE</h3>

<form  [ERROR ->][ngFormModel]="form" (ngSubmit)="onSubmit(form.value)">

 <div class="row">
"): a@3:7
There is no directive with "exportAs" set to "ngForm" ("stname</label>
        <input type="text" id="facebook" class="form-control"  ngControl="firstname" [ERROR ->]#firstname="ngForm" >  
   </div>

"): a@9:85
There is no directive with "exportAs" set to "ngForm" ("/label>
        <input type="text" id="facebook" class="form-control col-xs-3" ngControl="lastname" [ERROR ->]#lastname="ngForm" >  
    </div>
Run Code Online (Sandbox Code Playgroud)

我的模板,

<h3 class="head">MY PROFILE</h3>

<form …
Run Code Online (Sandbox Code Playgroud)

forms angular

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

jqGrid没有正确排序日期

使用时排序日期时遇到问题jqGrid.鉴于以下日期

jqGrid 按如下方式排序我的日期:

01/01/2010
01/01/2011
01/02/2010
01/02/2011
Run Code Online (Sandbox Code Playgroud)

我希望看到

01/01/2010
01/02/2010
01/01/2011
01/02/2011
Run Code Online (Sandbox Code Playgroud)

我的日期格式是dd/mm/yyyy,我有以下格式选项 -

{
    name: 'myDate',
    index: 'myDate',
    sortable: true,
    sorttype: 'date'
}
Run Code Online (Sandbox Code Playgroud)

我在这里错过了什么或这是一个限制jqGrid吗?

jquery jqgrid

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

理解JS承诺

我想更深入地了解Promises如何在内部工作.因此我有一些示例代码:

var p1 = new Promise(
  function(resolve, reject) {
    window.setTimeout(
      function() {
        resolve('res called')
      }, 2000);
  });


var p2 = new Promise(
  function(resolve, reject) {
    window.setTimeout(
      function() {
        resolve('res called')
      }, 2000);
  });


function chainPromises() {
  return p1.then(function(val) {
    console.log("p1");
    return p2.then(function(val) {
      console.log("p2");
      return val;
    });
  });
}

chainPromises().then(function(val) {
  console.log(val);
});
Run Code Online (Sandbox Code Playgroud)

这是执行此代码的链接.

正如您所预测的那样,首先解决p1,之后是p2,然后最终打印出resolv值.

但API参考声明如下:

var p1 = new Promise(
  function(resolve, reject) {
    window.setTimeout(
      function() {
        resolve('res called')
      }, 2000);
  });


var p2 = new Promise(
  function(resolve, …
Run Code Online (Sandbox Code Playgroud)

javascript promise

17
推荐指数
2
解决办法
7615
查看次数

找到点击的li号码

我有一个标准清单.

<ul>
  <li><a href="#">blah 1</a></li>
  <li><a href="#">blah 2</a></li>
  <li><a href="#">blah 3</a></li>
  <li><a href="#">blah 4</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

而我的jQuery:

$('ul li a').live('click', function() {
  var parent = $(this).parent('li');
});
Run Code Online (Sandbox Code Playgroud)

我想知道的是父李在点击链接列表中的位置,例如点击blah 3会给我2,blah 4会给3等等.

javascript jquery

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

HTML5和Javascript仅在可见时播放视频

我有兴趣设置一个包含多个视频剪辑的HTML页面,这样每个视频剪辑只在可见时播放,然后在视图外时暂停.

我已经找到了一个很好的例子,说明如何用一个剪辑实现它,但是我无法修改代码以使用多个剪辑.也许我需要将此代码转换为一个易于重用的函数?

这是我到目前为止(JS Bin上面链接修改为2个剪辑而不是一个).

此代码似乎仅适用于两个剪辑中的一个.

<!DOCTYPE html>
<html>
    <!--   Created using jsbin.com   Source can be edited via http://jsbin.com/ocupor/1/edit
    -->
    <head>
        <meta charset=utf-8 />
        <title>JS Bin</title>
        <style>
            #right {
                position: absolute;
                top: 2000px;
            }
            #video1 {
                position: absolute;
                left: 2000px;
                top: 2000px;
            }
            #video2 {
                position: absolute;
                left: 2000px;
                top: 3000px;
            }

        </style>

        <style id="jsbin-css">
        </style>
    </head>
    #
    <body style="width: 4000px; height: 4000px;">
        <div id="info"></div>
        <div id="down">
            scroll down please...
        </div>
        <div id="right">
            scroll right please...
        </div>
        <video id="video1"> …
Run Code Online (Sandbox Code Playgroud)

html javascript video html5 html5-video

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

请记住在刷新extjs网格中的所选行之后

我有个问题.我用extjs grid.此网格将每次刷新seconds.

我用这个函数刷新:

ND.refresh = function() {
    ND.commList.load();
}


var refreshSeconds = refreshRate * 1000;
var t = setInterval('ND.refresh()', refreshSeconds);
Run Code Online (Sandbox Code Playgroud)

但当有人选择一行来突出显示它时,reset这个选择.如何记住所选行并在刷新后再次突出显示?

这是我的网格:

var grid = Ext.create('Ext.grid.Panel', {
     autoscroll: true,
     region: 'center',
     store: ND.dashBoardDataStore,
     stateful: true,
     forceFit: true,
     loadMask: false,
     stateId: 'stateGrid',

     viewConfig: {
         stripeRows: true
     },
     columns: [{
         text: 'Vehicle',
         sortable: true,
         flexible: 1,
         width: 60,
         dataIndex: 'vehicle'
     }, {
         text: 'CCU',
         sortable: true,
         flexible: 0,
         width: 50,
         renderer: status,
         dataIndex: 'ccuStatus'
     }]
 });
Run Code Online (Sandbox Code Playgroud)

多谢你们

grid extjs refresh row selection

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

使用jQuery和iFrame下载文件

我有以下代码下载.csv文件:

$.ajax({
    url: urlString,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    cache: false,
    success: function(data) {
        if (data) {
            var iframe = $("<iframe/>").attr({
                src: data,
                style: "visibility:hidden;display:none"
            }).appendTo(buttonToDownloadFile);
        } else {
            alert('Something went wrong');
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

urlString指向到生成RESTful服务.csv文件,并返回其被分配给用于所述iFrame的src属性的文件路径.这适用于任何.csv文件,但我遇到.xml文件问题.

当我使用相同的代码但更改contentTypetext/xml并使用它来下载.xml文件时,这不起作用.

我可以在这里使用相同的方法来处理.xml文件吗?

更新:

感谢Ben指出了正确的方向.事实证明我根本不需要ajax调用.相反,我可以使用iFrame及其url属性来调用Web服务,它将生成内容,添加header(Content-Disposition)并返回流.

javascript jquery

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

datetimepicker组件不在正确的位置

我想在bootstrap中使用datetimepicker,所以我按照本站点中的手动安装指南http://eonasdan.github.io/bootstrap-datetimepicker/ 但我遇到以下错误:未捕获错误:datetimepicker组件应放在相对位置容器.

怎么解决?

<div class="control-group form-horizontal ">
  <label class="control-label">Date</label>
  <div class="controls">
    <input name="datetime" id="datetimepicker4" type="text" class="span4" value="<?php echo $datetime; ?>">
  </div>
</div>

<script type="text/javascript">
  $(function() {
    $('#datetimepicker4').datetimepicker();
  });
</script>
Run Code Online (Sandbox Code Playgroud)

感谢您的回复......

twitter-bootstrap bootstrap-datetimepicker

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

如何有条件地添加或不点击一个div作出反应?

我想知道是否可以onClick根据我的情况中的属性值设置响应中的div元素canClick.

我知道我可以直接检查this.state handler而不是我正在寻找一个内部实现的解决方案render.

...
handler(){
}

render() {
  const { canClick} = this.state
  return (
    <div onClick={this.handler}>hello</div>
  )
}
...
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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