小编Asa*_*saf的帖子

React Virtualized Table-约8列表中输入元素的性能问题

我正在尝试创建一个8列的表,每列包含一个<input />元素。由于某些原因,我在文本输入的on change事件中遇到了延迟。将列数减少到4以下可改善体验。这可能是有道理的,但是我也尝试增加列的数量,结果发现对于10个或更多的列,体验还是很棒的。您可以检查我的超级简单React应用程序,在其中可以动态更改列数-http://com.react.table-with-inputs.s3-website.eu-central-1.amazonaws.com/

这是我的代码:

import React from 'react';
import { AutoSizer, Table, Column } from 'react-virtualized';

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      numOfCols: '8',
    };
  }

  rowGetter = ({ index }) => {
    return { index };
  };

  renderHeaderCell = ({ label }) => {
    return (
      <span>{label}</span>
    );
  };

  renderCell = ({ rowIndex, columnIndex }) => {
    return (
      <input key={`input-${rowIndex}-${columnIndex}`} />
    );
  };

  render() {
    return (
      <div style={{ …
Run Code Online (Sandbox Code Playgroud)

reactjs react-virtualized

12
推荐指数
1
解决办法
234
查看次数

iOS UICollectionView - 默认流程,从右到左填充行

我在我的一个应用程序UICollectionView中使用,具有自定义单元格但具有默认流程.目前,该视图连续显示3个单元格(所有单元格大小相同).单元格从左到右填充行,但我需要从右到左.

可能吗?我是否需要创建自定义流程布局?如果是这样,任何人都可以举个简单的例子?

任何帮助将不胜感激.

iphone objective-c ios uicollectionview uicollectionviewlayout

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

Jquery DataTables插件 - 隐藏列名称行

我正在开发一个Web应用程序,它在不同的视图中显示很少(~5)个不同的数据表.我尝试使用列名隐藏顶行,仅用于其中一个数据表(但保留另一个数据表),但没有成功.我发现的大多数解决方案都使用CSS,这导致该行从我的应用程序中的所有数据表中消失.有人知道一个很好的解决方案吗?

以下是我在应用中创建数据表的示例:

this._currentDiv = $('<div></div>');
this._stopsTable = $('<table></table>');
$(this._currentDiv).append(this._stopsTable);
$(this._currentDiv).append(self._stopsTable);
        $(this._currentDiv).append(data);
        $(this._stopsTable).dataTable({
            "bJQueryUI": true,
            "bPaginate":false,
            "bLengthChange":false,
            "bFilter":false,
            "bSort":false,
            "bInfo":false,
            "bAutoWidth":false,
            "sScrollY": "100px",
            "aoColumns":[
                { "sTitle":"a" },
                { "sTitle":"b" },
                { "sTitle":"c" }
            ]
        });
Run Code Online (Sandbox Code Playgroud)

这是我试过的css代码:

.dataTables_wrapper table thead {
    display:none;
}
Run Code Online (Sandbox Code Playgroud)

我更喜欢JavaScript解决方案.

javascript css jquery jquery-datatables

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

Phonegap插件 - 将行添加到app delegate

我正在开发一个phonegap插件.到现在为止还挺好.现在我想通过config.xml将1或2个方法附加到AppDelegate.m,以便自动为开发人员填充它.可能吗?

谢谢.

config ios phonegap-plugins cordova

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

Ruby on Rails PostGIS - 将多边形记录插入DB

我正在使用RoR和PostGIS来存储位置数据.我正在尝试使用圆形存储估计的位置(例如,带有半径的中心点).

我尝试过类似的东西,但它不起作用:

@location = Location.new(:place_id => place.id,
                         :circle => %{ST_Buffer(ST_MakePoint(#{latitude}, #{longitude})::geography, #{accuracy})})
Run Code Online (Sandbox Code Playgroud)

我也尝试过使用RGeo和它的工厂,但不确定如何使用它.

任何帮助将不胜感激.谢谢.

编辑1:我取得了一些进展.

factory = RGeo::Cartesian.factory
center_point = factory.point(latitude, longitude)
circle = center_point.buffer(accuracy)

@location = Location.new(:place_id => place.id,
                         :circle => circle)
Run Code Online (Sandbox Code Playgroud)

但是 - 现在它抛出以下异常:

can't cast RGeo::Cartesian::Polygon Impl to string
Run Code Online (Sandbox Code Playgroud)

再次,任何帮助将不胜感激.

ruby postgis ruby-on-rails rgeo

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

Go - 如何将包含十六进制字符的txt文件解码/转换为可读字符串

我有一个日志文件,其中每一行都是JSON.由于一些Nginx安全原因,日志以十六进制格式保存(例如,char"将转换为\ x22).以下是JSON行的示例:

 { "body_bytes_sent": "474", "params": {\x22device_id\x22: \x221234567890\x22} }
Run Code Online (Sandbox Code Playgroud)

我的目标:

  1. 逐行读取文件.
  2. 将每一行转换为可读格式

    { "body_bytes_sent": "474", "params" : {"device_id": "1234567890"} }
    
    Run Code Online (Sandbox Code Playgroud)
  3. 将此字符串转换为JSON对象,以便我可以操作它.

任何帮助将不胜感激.

hex json nginx decoding go

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

访问ng-grid中的select元素

我有这个网格选项:

$scope.ngOptions = {
        data: 'data',
        columnDefs: [
             {field: 'Status', displayName: "Status", cellTemplate: selectTableTemplate, enableCellEdit: true},
             {cellTemplate: '<button ng-click="update(col, row)">' + Save + '</button>', enableCellEdit: false }]
    };


var selectTableTemplate = "<select ng-model='Status' ng-change='changeToFirst(Status, row)'>" +
                                '<option value="1" class="ng-binding" ng-selected="COL_FIELD == 1">' + 1 + "</option>" +
                                '<option value="2" class="ng-binding" ng-selected="COL_FIELD == 2">' + 2 + "</option>"</select>";
Run Code Online (Sandbox Code Playgroud)

编辑: 如何在ng-change功能中changeToFirst获得点击元素并选择第一个选项?

我是这样做的:

 row.elm.children().find('select').find('[value=1]').prop('selected', true);
Run Code Online (Sandbox Code Playgroud)

但我确定这不是正确的方法

javascript jquery angularjs ng-grid angularjs-ng-change

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