小编Pet*_*ada的帖子

Bootstrap 4 全宽网格

无论有多少列,我都无法弄清楚如何使网格扩展到容器的全宽

<div class="container">
  <div class="row">
     <div class="col-md-2 first"></div>
     <div class="col-md-9 second"></div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在上面的例子中显示 2 列内联和 .row 具有全宽。然而,如果我删除第一个 div(保持完全相同的代码),第二个 div 将改变它的位置到左边并保持原来的宽度。我需要它拉伸到容器的全宽。我需要这个的原因是因为我将有一些 php 条件表达式来阻止它显示,在这种情况下,我希望模板更改并且第二个 div 为全宽和位置在中间。

我找到了以下 CSS 的答案,它确实有效,但它也弄乱了响应式结构,我可能不得不对其进行修补,直到没有尽头:

CSS:

.row{
    display: table;
    width: 100%;
}

.first, .second{
    display: table-cell;
    float: none;
}

.second{
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

由于我是 Bootstrap 的新手,我想知道是否有任何内置类可以解决这个问题?谢谢

html css bootstrap-4

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

如何检查数组是否有多次值

我想查看一个数组是否具有多次相同的值,例如:

$array=array('val1','val2','val3','val1');
Run Code Online (Sandbox Code Playgroud)

如您所见,在上面的数组中,有2 x val1.要搜索数组是否包含值,我可以使用in_array执行此操作:

$search=in_array('val1',$array);
Run Code Online (Sandbox Code Playgroud)

并且它将返回true,因为val1存在于数组中,但如果多次找到该值,则需要返回true.

php arrays

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

使用charcode只允许数字并输入密钥

我有这样的语法:

<input onkeypress="return event.charCode >= 48 && event.charCode <= 57">
Run Code Online (Sandbox Code Playgroud)

我在输入上使用它只允许数字.但现在我需要允许输入键,因为我不能再使用按钮提交表单(个人原因).现在我发现了这个:

  event.charCode = 13 // allows enter key
Run Code Online (Sandbox Code Playgroud)

但我似乎无法找到如何构建onkeypress语法.任何帮助?谢谢.

forms syntax onkeypress

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

Postgresql 按来自不同表的多列排序

我有以下表格:

资料来源:

**id  | name**

 1      source1

 2      source2

 3      source3

 4      source4
Run Code Online (Sandbox Code Playgroud)

项目:

**id | name | sourceId | created_at**

1    item3      3      2018-08-09 07:28:17

2    item2      2      2018-08-09 07:30:00
Run Code Online (Sandbox Code Playgroud)

sql:

SELECT
    sources.id,
    sources.name
FROM
     sources
LEFT JOIN
     items
         ON items.sourceId = sources.id
ORDER BY items.created_at DESC, sources.id
Run Code Online (Sandbox Code Playgroud)

期待:

**id  | name**

2      source2

3      source3

1      source1

4      source4
Run Code Online (Sandbox Code Playgroud)

解释:

我需要一个结果,其中包含源表中的所有源,但按最近使用的源(分配给项目的源)排序。不知何故,第一个结果是源表中的结果,然后按 desc 顺序是可以在items 表,如下所示:

真实结果:

**id  | name**

1      source1 

4      source4

2      source2

3      source3
Run Code Online (Sandbox Code Playgroud)

我设法用我的第二个 sql …

sql postgresql union sql-order-by

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

Vue 3 数组状态更改不会触发观察者

我有一个表,每行都有一个复选框,还有一个头复选框,用于选择所有行,当任何复选框状态更改时,它应该触发一个事件,但由于某种原因,当我使用主复选框来检查它们时,观察者不会在我取消选中它之前不会被触发:

模板:

<table>
 <thead>
  <tr>
   <th>
    <input
     type="checkbox"
     class="form-check-input widget-9-check"
     :name="name"
     v-model="areAllItemsSelected"
    />
   </th>
  </tr>
 </thead>
 <tbody>
  <tr v-for="..."> //here is rowIndex
   <td>
    <input
     type="checkbox"
     class="form-check-input widget-9-check"
     :value="rowIndex"
     v-model="selectedItems"
    />
   </td>
  </tr>
 </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

设置:

setup(props, {emit}) {
    const selectedItems = ref([])
    const areAllItemsSelected = ref(false)

    watch(areAllItemsSelected, (newValue) => {
      if(newValue) {
        items.value.forEach((item, index) => {
          selectedItems.value.push(index) //this should trigger the below watcher
        })
      } else {
        selectedItems.value = []
      }

    })

    watch(selectedItems, (newValue) => { //this doesn't run when …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs3

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

Laravel 的 chunkById 歧义列

当我在带有连接的查询构建器上使用 chunkById 时,出现以下错误:

SQLSTATE[42702]:二义性列:7 错误:列引用“id”不明确

$query = \DB::table('table1')
            ->select([
                'table1.id'
            ])
            ->join('table2', 'table2.table1_id', '=', 'table1.id')
            ->orderBy('table1.id', 'DESC');

$query->chunkById(1000, function ($items) {
   //do something
});
Run Code Online (Sandbox Code Playgroud)

它适用于第一个块,然后抛出错误。有没有办法指定laravel用来跟踪块的id表?

  • Laravel 版本:5.7.28
  • PHP 版本:7.3.1
  • 数据库驱动程序和版本:postgres 10

php chunks laravel

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