小编Dan*_*ana的帖子

JavaScript从对象数组中获取不在另一个对象数组中的元素

我是JavaScript编程的新手,我有两个具有以下结构的对象数组:

myFirstObjArray = [{foo: 1, bar: 1}, {foo: 3, bar: 3}, {foo: 4, bar: 5}];
mySecondObjArray = [{foo: 2}, {foo: 4}, {foo: 5}];
Run Code Online (Sandbox Code Playgroud)

我需要获得两个包含key值的独立数组foo,第一个包含第一个数组但不在第二个数组中的数组,基于key的值,foo第二个包含mySecondObjArray但不在myFirstObjArray.

有没有办法做到这一点没有

for(i=0;i<myFirstObjArray.length;i++)
   for(j=0;j<mySecondObjArray .length;j++)
      {...build first array here}

for(i=0;i<mySecondObjArray .length;i++)
   for(j=0;j<myFirstObjArray.length;j++)
      {...build second array here}
Run Code Online (Sandbox Code Playgroud)

?也许我的问题是一个我没找到的重复问题,所以请保持温和.

预期产量:

firstArray = [{foo: 1}, {foo: 3}];
secondArray = [{foo: 2}, {foo: 5}];
Run Code Online (Sandbox Code Playgroud)

javascript arrays javascript-objects

20
推荐指数
2
解决办法
1961
查看次数

Chrome - 如果jquery-simple-combobox在鼠标拖动时会在模态内部崩溃

我正在努力学习如何使用jquery.scombobox但是当我将scombobox添加到模态时我会陷入困境

<div id="modalA" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">My Modal</h4>
                </div>
                <div class="modal-body">
                    <select id="combo-021">
                        <option value="1">item 1</option>
                        <option value="2">item 2</option>
                        <option value="3">item 3</option>
                        <option value="4">item 3</option>
                        <option value="5">item 3</option>
                        <option value="6">item 3</option>
                        <option value="7">item 3</option>
                        <option value="8">item 3</option>
                        <option value="9">item 3</option>
                        <option value="10">item 3</option>
                        <option value="11">item 3</option>
                        <option value="12">item 3</option>
                        <option value="13">item 3</option>
                        <option value="14">item 3</option>
                        <option value="15">item 3</option>
                        <option value="16">item 3</option>
                        <option value="17">item 3</option>
                        <option value="18">item …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

16
推荐指数
1
解决办法
233
查看次数

Knockout点击绑定参数

我正在尝试向我的按钮添加一个click事件,只有在单击按钮时才会将Id,Category和Name作为参数发送.

<tbody data-bind="foreach: tehTab()">
    <tr>
       <td data-bind="text: $data.Category"></td>
       <td data-bind="text: $data.Name"></td>
       <td>
          <button type="button" class="btn chart_btn" role="button" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="right" container="body" tabindex="0" data-original-title="" title="" style="border:none; background-color:white" data-bind="attr: { id: $data.Id,'data-contentwrapper':'.chartdraw' + $data.Id},click: getLast7($data.Id, $data.Category, $data.Name) , text:$data.Value"></button>
         <div data-bind="css: 'chartdraw' + $data.Id" class="chartdrawetc" style="display:none">ASD</div>
       </td>
   </tr>
</tbody>
Run Code Online (Sandbox Code Playgroud)

即使我试图改变:

click: getLast7($data.Id, $data.Category, $data.Name)
Run Code Online (Sandbox Code Playgroud)

 attr: { id: $data.Id ,onclick: getLast7($data.Id, $data.Category, $data.Name)
Run Code Online (Sandbox Code Playgroud)

它仍然会像tehTab长度一样多次触发getLast7方法.

我究竟做错了什么?

javascript jquery knockout.js

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

ChartJS显示图例

我是ChartJS的新手,我对这个传奇有一些问题.我有一个简单的条形图,只有3个条形图,如:

<div class="x_panel">
    <div class="x_title">
        <h2>Bar graph</h2>
        <ul class="nav navbar-right panel_toolbox" style="padding-left:5%">
            <li>
                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
            <li>
                <a class="close-link"><i class="fa fa-close"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">
        <canvas id="mybarChart"></canvas>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我试图在附图中显示图表下方的图例 例

 var mybarChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: [],
            datasets: [{
                label: '# of Votes',
                backgroundColor: "#000080",
                data: [80]
            }, {
                label: '# of Votes2',
                backgroundColor: "#d3d3d3",
                data: [90]
            },
            {
                label: '# of Votes3',
                backgroundColor: "#add8e6",
                data: [45]
            }]
        },

        options: …
Run Code Online (Sandbox Code Playgroud)

bar-chart chart.js

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

数据表添加了 Font Awesome 图标而不是列名

我是 DataTables 的新手,我有一个简单的数据表,我正在尝试为它添加一个 Font Awesomefa-info-circle图像而不是一个列标题,方法render如下:

table = $("#datatable-buttons").DataTable({
            data: document.pvm.tableContent(),
            columns: [
            { data: "Info", render: function (data, type, full, meta) { if (type === 'display') return '<span style="font-size:75%" class="fa fa-info-circle"></span>' } },
            { data: "WiFi", title: "WiFi" },
            { data: "GPS", title: "GPS" },
            ],
            fixedHeader: true,
            dom: "lfBrtip",
            buttons: [
              {
                  extend: "copy",
                  className: "btn-sm"
              },
              {
                  extend: "csv",
                  className: "btn-sm",
                  filename: "DeviceMnag"
              },
              {
                  extend: "excel",
                  className: "btn-sm",
                  filename: "DeviceMnag"
              },
              {
                  extend: …
Run Code Online (Sandbox Code Playgroud)

datatables font-awesome

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

数据表将类添加到所有正文行

我是Datatables的新手,我有一个默认显示前10行的表.我正在尝试将此类添加到所有行,而不仅仅是默认值10 ...

var table = $("#datatable-buttons").DataTable({...})
table.rows.removeClass('selected')
Run Code Online (Sandbox Code Playgroud)

$('tbody tr').removeClass('selected')
Run Code Online (Sandbox Code Playgroud)

$(tables.table().body()).removeClass('selected')
Run Code Online (Sandbox Code Playgroud)

但没有任何成功:(是否可以select通过单击按钮添加/删除所有行的类?

jquery datatables

3
推荐指数
1
解决办法
6488
查看次数

在RelativeLayout中从一个角到另一个角绘制对角线

我是 Android 开发新手,我正在尝试在黄色relativelayout 内从左下角到右上角画一条线。我添加了一个layer-list-diagonal_line

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:top="300dp"
    android:bottom="-300dp"
    android:left="0dp"
    android:right="-300dp">
    <rotate
        android:fromDegrees="-10"
        android:pivotX="0%"
        android:pivotY="100%" >
        <shape
            android:shape="line"
            android:top="1dip" >
            <stroke
                android:width="1dip"
                android:color="#000" />
        </shape>
    </rotate>
</item>
Run Code Online (Sandbox Code Playgroud)

然后到styles

<style name="diagonalStyle">
    <item name="android:background">@drawable/diagonal_line</item>
</style>
Run Code Online (Sandbox Code Playgroud)

然后将其添加到我的RelativeLayout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent"
style="@style/diagonalStyle"
android:background="#FFDC7F">
Run Code Online (Sandbox Code Playgroud)

我的问题是,如果我添加颜色,则线条不会显示,如果没有颜色,线条会出现,但位置不正确。也许这个问题是重复的,但请温柔一点,我不知道我做错了什么。

css xml android draw

3
推荐指数
1
解决办法
3596
查看次数

Javascript 自然排序对象

我有一个像这样的对象数组

array[0] = {id: 1, name: "First"}
array[1] = {id: 2, name: "Second"}
Run Code Online (Sandbox Code Playgroud)

我尝试name使用以下方法按字段排序:

Array.prototype.alphanumSort = function (caseInsensitive) {
for (var z = 0, t; t = ((typeof this[z] == "string" || typeof this[z] == "undefined") ? this[z] : this[z].name); z++) {
    this[z] = new Array();
    var x = 0, y = -1, n = 0, i, j;

    while (i = (j = t.charAt(x++)).charCodeAt(0)) {
        var m = (i == 46 || (i >= 48 && i <= …
Run Code Online (Sandbox Code Playgroud)

javascript arrays sorting object

3
推荐指数
1
解决办法
4030
查看次数

Font Awesome将多个图标添加到按钮

我有这个按钮:

<button type="button" style="margin-bottom: 5px;" class="btn btn-danger btn-default btn-gray btn-primary btn-primary2 btn-success2 btn-warning btn-black btn-success btn_bottom_padding" data-toggle="modal" data-target="#myModal" data-bind="css: {'btn-gray': IsGray(), 'btn-danger': IsRed(),'btn-success':IsGreen(), 'btn-primary': IsBlue(),'btn-success2':IsLimegreen(), 'btn-primary2': IsSkyblue(),'btn-warning':IsOrange(),'btn-black': IsBlack(),'btn-default':IsWhite()},click:$root.GetClick">
   <span data-bind="text:ShortName()"></span>
   <span data-bind="visible: IsRed()" class="fa fa-exclamation-triangle"></span>
   @*<span data-bind="" class="fa fa-bolt"></span>*@
</button>
Run Code Online (Sandbox Code Playgroud)

问题是我想向其中添加多个图标,例如:

在此处输入图片说明

我只设法添加了感叹号三角形图标,但是如果我尝试添加另一个感叹号图标,则第一个不会出现。有什么办法可以添加所有四个图标,如附件按钮图像中所示?

css font-awesome

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

C#反序列化JSON数据

我有一个JSON

{{  "action": "rma",  "devices": "[95001105,30013103,300117]",  "devandreason": [    {      "device": 95001105,      "reason": 100    },    {      "device": 30013103,      "reason": 300    },    {      "device": 300117,      "reason": 200    }  ]}}
Run Code Online (Sandbox Code Playgroud)

为此我试图得到devandreason一个数组.我尝试过创建课程

public class DevReasonList
    {
        public List<DevReason> devandreason { get; set; }
    }
    public class DevReason
    {
        public Double device { get; set; }
        public Double reason { get; set; }
    }
Run Code Online (Sandbox Code Playgroud)

json_serializer:

JavaScriptSerializer json_serializer = new JavaScriptSerializer();
DevReasonList deviceAndReasonList = json_serializer.Deserialize<DevReasonList>(json.devandreason);
Run Code Online (Sandbox Code Playgroud)

但它引发了一个例外:

json_serializer.Deserialize<DevReasonList>(json.devandreason) 'json_serializer.Deserialize<DevReasonList>(json.devandreason)' threw an exception of …

c# serialization json

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